@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@-webkit-keyframes ping {
  75%,
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes ping {
  75%,
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0;
  }
}
@-webkit-keyframes bounce {
  0%,
  100% {
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%);
    -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    -webkit-transform: none;
    transform: none;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}
@keyframes bounce {
  0%,
  100% {
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%);
    -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    -webkit-transform: none;
    transform: none;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}
@-webkit-keyframes bg-position {
  from {
    -webkit-background-position: var(--animate-from, 1rem) 0;
    background-position: var(--animate-from, 1rem) 0;
  }
  to {
    -webkit-background-position: var(--animate-to, 0) 0;
    background-position: var(--animate-to, 0) 0;
  }
}
@keyframes bg-position {
  from {
    -webkit-background-position: var(--animate-from, 1rem) 0;
    background-position: var(--animate-from, 1rem) 0;
  }
  to {
    -webkit-background-position: var(--animate-to, 0) 0;
    background-position: var(--animate-to, 0) 0;
  }
}
@-webkit-keyframes position {
  from {
    inset-inline-start: var(--animate-from-x);
    inset-block-start: var(--animate-from-y);
  }
  to {
    inset-inline-start: var(--animate-to-x);
    inset-block-start: var(--animate-to-y);
  }
}
@keyframes position {
  from {
    inset-inline-start: var(--animate-from-x);
    inset-block-start: var(--animate-from-y);
  }
  to {
    inset-inline-start: var(--animate-to-x);
    inset-block-start: var(--animate-to-y);
  }
}
@-webkit-keyframes circular-progress {
  0% {
    stroke-dasharray: 1,400;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 400,400;
    stroke-dashoffset: -100%;
  }
  100% {
    stroke-dasharray: 400,400;
    stroke-dashoffset: -260%;
  }
}
@keyframes circular-progress {
  0% {
    stroke-dasharray: 1,400;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 400,400;
    stroke-dashoffset: -100%;
  }
  100% {
    stroke-dasharray: 400,400;
    stroke-dashoffset: -260%;
  }
}
@-webkit-keyframes expand-height {
  from {
    height: 0;
  }
  to {
    height: var(--height);
  }
}
@keyframes expand-height {
  from {
    height: 0;
  }
  to {
    height: var(--height);
  }
}
@-webkit-keyframes collapse-height {
  from {
    height: var(--height);
  }
  to {
    height: 0;
  }
}
@keyframes collapse-height {
  from {
    height: var(--height);
  }
  to {
    height: 0;
  }
}
@-webkit-keyframes expand-width {
  from {
    width: 0;
  }
  to {
    width: var(--width);
  }
}
@keyframes expand-width {
  from {
    width: 0;
  }
  to {
    width: var(--width);
  }
}
@-webkit-keyframes collapse-width {
  from {
    height: var(--width);
  }
  to {
    height: 0;
  }
}
@keyframes collapse-width {
  from {
    height: var(--width);
  }
  to {
    height: 0;
  }
}
@-webkit-keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes slide-from-left-full {
  from {
    -webkit-translate: -100% 0;
    -moz-translate: -100% 0;
    -ms-translate: -100% 0;
    translate: -100% 0;
  }
  to {
    -webkit-translate: 0 0;
    -moz-translate: 0 0;
    -ms-translate: 0 0;
    translate: 0 0;
  }
}
@keyframes slide-from-left-full {
  from {
    -webkit-translate: -100% 0;
    -moz-translate: -100% 0;
    -ms-translate: -100% 0;
    translate: -100% 0;
  }
  to {
    -webkit-translate: 0 0;
    -moz-translate: 0 0;
    -ms-translate: 0 0;
    translate: 0 0;
  }
}
@-webkit-keyframes slide-from-right-full {
  from {
    -webkit-translate: 100% 0;
    -moz-translate: 100% 0;
    -ms-translate: 100% 0;
    translate: 100% 0;
  }
  to {
    -webkit-translate: 0 0;
    -moz-translate: 0 0;
    -ms-translate: 0 0;
    translate: 0 0;
  }
}
@keyframes slide-from-right-full {
  from {
    -webkit-translate: 100% 0;
    -moz-translate: 100% 0;
    -ms-translate: 100% 0;
    translate: 100% 0;
  }
  to {
    -webkit-translate: 0 0;
    -moz-translate: 0 0;
    -ms-translate: 0 0;
    translate: 0 0;
  }
}
@-webkit-keyframes slide-from-top-full {
  from {
    -webkit-translate: 0 -100%;
    -moz-translate: 0 -100%;
    -ms-translate: 0 -100%;
    translate: 0 -100%;
  }
  to {
    -webkit-translate: 0 0;
    -moz-translate: 0 0;
    -ms-translate: 0 0;
    translate: 0 0;
  }
}
@keyframes slide-from-top-full {
  from {
    -webkit-translate: 0 -100%;
    -moz-translate: 0 -100%;
    -ms-translate: 0 -100%;
    translate: 0 -100%;
  }
  to {
    -webkit-translate: 0 0;
    -moz-translate: 0 0;
    -ms-translate: 0 0;
    translate: 0 0;
  }
}
@-webkit-keyframes slide-from-bottom-full {
  from {
    -webkit-translate: 0 100%;
    -moz-translate: 0 100%;
    -ms-translate: 0 100%;
    translate: 0 100%;
  }
  to {
    -webkit-translate: 0 0;
    -moz-translate: 0 0;
    -ms-translate: 0 0;
    translate: 0 0;
  }
}
@keyframes slide-from-bottom-full {
  from {
    -webkit-translate: 0 100%;
    -moz-translate: 0 100%;
    -ms-translate: 0 100%;
    translate: 0 100%;
  }
  to {
    -webkit-translate: 0 0;
    -moz-translate: 0 0;
    -ms-translate: 0 0;
    translate: 0 0;
  }
}
@-webkit-keyframes slide-to-left-full {
  from {
    -webkit-translate: 0 0;
    -moz-translate: 0 0;
    -ms-translate: 0 0;
    translate: 0 0;
  }
  to {
    -webkit-translate: -100% 0;
    -moz-translate: -100% 0;
    -ms-translate: -100% 0;
    translate: -100% 0;
  }
}
@keyframes slide-to-left-full {
  from {
    -webkit-translate: 0 0;
    -moz-translate: 0 0;
    -ms-translate: 0 0;
    translate: 0 0;
  }
  to {
    -webkit-translate: -100% 0;
    -moz-translate: -100% 0;
    -ms-translate: -100% 0;
    translate: -100% 0;
  }
}
@-webkit-keyframes slide-to-right-full {
  from {
    -webkit-translate: 0 0;
    -moz-translate: 0 0;
    -ms-translate: 0 0;
    translate: 0 0;
  }
  to {
    -webkit-translate: 100% 0;
    -moz-translate: 100% 0;
    -ms-translate: 100% 0;
    translate: 100% 0;
  }
}
@keyframes slide-to-right-full {
  from {
    -webkit-translate: 0 0;
    -moz-translate: 0 0;
    -ms-translate: 0 0;
    translate: 0 0;
  }
  to {
    -webkit-translate: 100% 0;
    -moz-translate: 100% 0;
    -ms-translate: 100% 0;
    translate: 100% 0;
  }
}
@-webkit-keyframes slide-to-top-full {
  from {
    -webkit-translate: 0 0;
    -moz-translate: 0 0;
    -ms-translate: 0 0;
    translate: 0 0;
  }
  to {
    -webkit-translate: 0 -100%;
    -moz-translate: 0 -100%;
    -ms-translate: 0 -100%;
    translate: 0 -100%;
  }
}
@keyframes slide-to-top-full {
  from {
    -webkit-translate: 0 0;
    -moz-translate: 0 0;
    -ms-translate: 0 0;
    translate: 0 0;
  }
  to {
    -webkit-translate: 0 -100%;
    -moz-translate: 0 -100%;
    -ms-translate: 0 -100%;
    translate: 0 -100%;
  }
}
@-webkit-keyframes slide-to-bottom-full {
  from {
    -webkit-translate: 0 0;
    -moz-translate: 0 0;
    -ms-translate: 0 0;
    translate: 0 0;
  }
  to {
    -webkit-translate: 0 100%;
    -moz-translate: 0 100%;
    -ms-translate: 0 100%;
    translate: 0 100%;
  }
}
@keyframes slide-to-bottom-full {
  from {
    -webkit-translate: 0 0;
    -moz-translate: 0 0;
    -ms-translate: 0 0;
    translate: 0 0;
  }
  to {
    -webkit-translate: 0 100%;
    -moz-translate: 0 100%;
    -ms-translate: 0 100%;
    translate: 0 100%;
  }
}
@-webkit-keyframes slide-from-top {
  0% {
    -webkit-translate: 0 -0.5rem;
    -moz-translate: 0 -0.5rem;
    -ms-translate: 0 -0.5rem;
    translate: 0 -0.5rem;
  }
  to {
    -webkit-translate: 0;
    -moz-translate: 0;
    -ms-translate: 0;
    translate: 0;
  }
}
@keyframes slide-from-top {
  0% {
    -webkit-translate: 0 -0.5rem;
    -moz-translate: 0 -0.5rem;
    -ms-translate: 0 -0.5rem;
    translate: 0 -0.5rem;
  }
  to {
    -webkit-translate: 0;
    -moz-translate: 0;
    -ms-translate: 0;
    translate: 0;
  }
}
@-webkit-keyframes slide-from-bottom {
  0% {
    -webkit-translate: 0 0.5rem;
    -moz-translate: 0 0.5rem;
    -ms-translate: 0 0.5rem;
    translate: 0 0.5rem;
  }
  to {
    -webkit-translate: 0;
    -moz-translate: 0;
    -ms-translate: 0;
    translate: 0;
  }
}
@keyframes slide-from-bottom {
  0% {
    -webkit-translate: 0 0.5rem;
    -moz-translate: 0 0.5rem;
    -ms-translate: 0 0.5rem;
    translate: 0 0.5rem;
  }
  to {
    -webkit-translate: 0;
    -moz-translate: 0;
    -ms-translate: 0;
    translate: 0;
  }
}
@-webkit-keyframes slide-from-left {
  0% {
    -webkit-translate: -0.5rem 0;
    -moz-translate: -0.5rem 0;
    -ms-translate: -0.5rem 0;
    translate: -0.5rem 0;
  }
  to {
    -webkit-translate: 0;
    -moz-translate: 0;
    -ms-translate: 0;
    translate: 0;
  }
}
@keyframes slide-from-left {
  0% {
    -webkit-translate: -0.5rem 0;
    -moz-translate: -0.5rem 0;
    -ms-translate: -0.5rem 0;
    translate: -0.5rem 0;
  }
  to {
    -webkit-translate: 0;
    -moz-translate: 0;
    -ms-translate: 0;
    translate: 0;
  }
}
@-webkit-keyframes slide-from-right {
  0% {
    -webkit-translate: 0.5rem 0;
    -moz-translate: 0.5rem 0;
    -ms-translate: 0.5rem 0;
    translate: 0.5rem 0;
  }
  to {
    -webkit-translate: 0;
    -moz-translate: 0;
    -ms-translate: 0;
    translate: 0;
  }
}
@keyframes slide-from-right {
  0% {
    -webkit-translate: 0.5rem 0;
    -moz-translate: 0.5rem 0;
    -ms-translate: 0.5rem 0;
    translate: 0.5rem 0;
  }
  to {
    -webkit-translate: 0;
    -moz-translate: 0;
    -ms-translate: 0;
    translate: 0;
  }
}
@-webkit-keyframes slide-to-top {
  0% {
    -webkit-translate: 0;
    -moz-translate: 0;
    -ms-translate: 0;
    translate: 0;
  }
  to {
    -webkit-translate: 0 -0.5rem;
    -moz-translate: 0 -0.5rem;
    -ms-translate: 0 -0.5rem;
    translate: 0 -0.5rem;
  }
}
@keyframes slide-to-top {
  0% {
    -webkit-translate: 0;
    -moz-translate: 0;
    -ms-translate: 0;
    translate: 0;
  }
  to {
    -webkit-translate: 0 -0.5rem;
    -moz-translate: 0 -0.5rem;
    -ms-translate: 0 -0.5rem;
    translate: 0 -0.5rem;
  }
}
@-webkit-keyframes slide-to-bottom {
  0% {
    -webkit-translate: 0;
    -moz-translate: 0;
    -ms-translate: 0;
    translate: 0;
  }
  to {
    -webkit-translate: 0 0.5rem;
    -moz-translate: 0 0.5rem;
    -ms-translate: 0 0.5rem;
    translate: 0 0.5rem;
  }
}
@keyframes slide-to-bottom {
  0% {
    -webkit-translate: 0;
    -moz-translate: 0;
    -ms-translate: 0;
    translate: 0;
  }
  to {
    -webkit-translate: 0 0.5rem;
    -moz-translate: 0 0.5rem;
    -ms-translate: 0 0.5rem;
    translate: 0 0.5rem;
  }
}
@-webkit-keyframes slide-to-left {
  0% {
    -webkit-translate: 0;
    -moz-translate: 0;
    -ms-translate: 0;
    translate: 0;
  }
  to {
    -webkit-translate: -0.5rem 0;
    -moz-translate: -0.5rem 0;
    -ms-translate: -0.5rem 0;
    translate: -0.5rem 0;
  }
}
@keyframes slide-to-left {
  0% {
    -webkit-translate: 0;
    -moz-translate: 0;
    -ms-translate: 0;
    translate: 0;
  }
  to {
    -webkit-translate: -0.5rem 0;
    -moz-translate: -0.5rem 0;
    -ms-translate: -0.5rem 0;
    translate: -0.5rem 0;
  }
}
@-webkit-keyframes slide-to-right {
  0% {
    -webkit-translate: 0;
    -moz-translate: 0;
    -ms-translate: 0;
    translate: 0;
  }
  to {
    -webkit-translate: 0.5rem 0;
    -moz-translate: 0.5rem 0;
    -ms-translate: 0.5rem 0;
    translate: 0.5rem 0;
  }
}
@keyframes slide-to-right {
  0% {
    -webkit-translate: 0;
    -moz-translate: 0;
    -ms-translate: 0;
    translate: 0;
  }
  to {
    -webkit-translate: 0.5rem 0;
    -moz-translate: 0.5rem 0;
    -ms-translate: 0.5rem 0;
    translate: 0.5rem 0;
  }
}
@-webkit-keyframes scale-in {
  from {
    scale: 0.95;
  }
  to {
    scale: 1;
  }
}
@keyframes scale-in {
  from {
    scale: 0.95;
  }
  to {
    scale: 1;
  }
}
@-webkit-keyframes scale-out {
  from {
    scale: 1;
  }
  to {
    scale: 0.95;
  }
}
@keyframes scale-out {
  from {
    scale: 1;
  }
  to {
    scale: 0.95;
  }
}
.chakra-styles *,
.confirmation-prompt * {
  -webkit-font-feature-settings: "cv11";
          font-feature-settings: "cv11";
  --ring-inset: var(--chakra-empty, /**/ /*!*/) !important;
  --ring-offset-width: 0px;
  --ring-offset-color: #fff;
  --ring-color: rgba(66, 153, 225, 0.6);
  --ring-offset-shadow: 0 0 #0000;
  --ring-shadow: 0 0 #0000;
  --brightness: var(--chakra-empty, /**/ /*!*/) !important;
  --contrast: var(--chakra-empty, /**/ /*!*/) !important;
  --grayscale: var(--chakra-empty, /**/ /*!*/) !important;
  --hue-rotate: var(--chakra-empty, /**/ /*!*/) !important;
  --invert: var(--chakra-empty, /**/ /*!*/) !important;
  --saturate: var(--chakra-empty, /**/ /*!*/) !important;
  --sepia: var(--chakra-empty, /**/ /*!*/) !important;
  --drop-shadow: var(--chakra-empty, /**/ /*!*/) !important;
  --backdrop-blur: var(--chakra-empty, /**/ /*!*/) !important;
  --backdrop-brightness: var(--chakra-empty, /**/ /*!*/) !important;
  --backdrop-contrast: var(--chakra-empty, /**/ /*!*/) !important;
  --backdrop-grayscale: var(--chakra-empty, /**/ /*!*/) !important;
  --backdrop-hue-rotate: var(--chakra-empty, /**/ /*!*/) !important;
  --backdrop-invert: var(--chakra-empty, /**/ /*!*/) !important;
  --backdrop-opacity: var(--chakra-empty, /**/ /*!*/) !important;
  --backdrop-saturate: var(--chakra-empty, /**/ /*!*/) !important;
  --backdrop-sepia: var(--chakra-empty, /**/ /*!*/) !important;
  --global-font-mono: var(--chakra-fonts-mono);
  --global-font-body: var(--chakra-fonts-body);
  --global-color-border: var(--chakra-colors-border);
}
.chakra-styles html,
.confirmation-prompt html {
  --bg-currentcolor: var(--chakra-colors-bg);
  --chakra-colors-color-palette-50: var(--chakra-colors-gray-50);
  --chakra-colors-color-palette-100: var(--chakra-colors-gray-100);
  --chakra-colors-color-palette-200: var(--chakra-colors-gray-200);
  --chakra-colors-color-palette-300: var(--chakra-colors-gray-300);
  --chakra-colors-color-palette-400: var(--chakra-colors-gray-400);
  --chakra-colors-color-palette-500: var(--chakra-colors-gray-500);
  --chakra-colors-color-palette-600: var(--chakra-colors-gray-600);
  --chakra-colors-color-palette-700: var(--chakra-colors-gray-700);
  --chakra-colors-color-palette-800: var(--chakra-colors-gray-800);
  --chakra-colors-color-palette-900: var(--chakra-colors-gray-900);
  --chakra-colors-color-palette-950: var(--chakra-colors-gray-950);
  --chakra-colors-color-palette-contrast: var(--chakra-colors-gray-contrast);
  --chakra-colors-color-palette-fg: var(--chakra-colors-gray-fg);
  --chakra-colors-color-palette-subtle: var(--chakra-colors-gray-subtle);
  --chakra-colors-color-palette-muted: var(--chakra-colors-gray-muted);
  --chakra-colors-color-palette-emphasized: var(--chakra-colors-gray-emphasized);
  --chakra-colors-color-palette-solid: var(--chakra-colors-gray-solid);
  --chakra-colors-color-palette-focus-ring: var(--chakra-colors-gray-focus-ring);
}
.chakra-styles *::-webkit-input-placeholder,
.confirmation-prompt *::-webkit-input-placeholder {
  --mix-color: color-mix(in srgb, var(--chakra-colors-fg-muted) 80%, transparent);
}
.chakra-styles *::-moz-placeholder,
.confirmation-prompt *::-moz-placeholder {
  --mix-color: color-mix(in srgb, var(--chakra-colors-fg-muted) 80%, transparent);
}
.chakra-styles *:-ms-input-placeholder,
.confirmation-prompt *:-ms-input-placeholder {
  --mix-color: color-mix(in srgb, var(--chakra-colors-fg-muted) 80%, transparent);
}
.chakra-styles *::-webkit-input-placeholder,
.confirmation-prompt *::-webkit-input-placeholder,
.chakra-styles *[data-placeholder],
.confirmation-prompt *[data-placeholder] {
  --mix-color: color-mix(in srgb, var(--chakra-colors-fg-muted) 80%, transparent);
}
.chakra-styles *::-moz-placeholder,
.confirmation-prompt *::-moz-placeholder,
.chakra-styles *[data-placeholder],
.confirmation-prompt *[data-placeholder] {
  --mix-color: color-mix(in srgb, var(--chakra-colors-fg-muted) 80%, transparent);
}
.chakra-styles *::-ms-input-placeholder,
.confirmation-prompt *::-ms-input-placeholder,
.chakra-styles *[data-placeholder],
.confirmation-prompt *[data-placeholder] {
  --mix-color: color-mix(in srgb, var(--chakra-colors-fg-muted) 80%, transparent);
}
.chakra-styles *::placeholder,
.confirmation-prompt *::placeholder,
.chakra-styles *[data-placeholder],
.confirmation-prompt *[data-placeholder] {
  --mix-color: color-mix(in srgb, var(--chakra-colors-fg-muted) 80%, transparent);
}
.chakra-styles button:not(.inline, .container, .no-chakra, .blazored-modal-close, [class^="ql"]),
.confirmation-prompt button:not(.inline, .container, .no-chakra, .blazored-modal-close, [class^="ql"]),
.chakra-styles .button:not(.inline),
.confirmation-prompt .button:not(.inline) {
  display: flex;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  border-radius: var(--chakra-radii-full);
  white-space: nowrap;
  vertical-align: middle;
  border-width: 1px;
  border-color: var(--chakra-colors-transparent);
  cursor: var(--chakra-cursor-button);
  flex-shrink: 0;
  outline: 0;
  line-height: 1.25rem;
  isolation: isolate;
  font-weight: var(--chakra-font-weights-bold);
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, -webkit-transform;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform, -webkit-transform;
  transition-duration: var(--chakra-durations-moderate);
  font-size: var(--chakra-font-sizes-sm);
  font-style: normal;
  letter-spacing: 0;
  background-color: var(--button-background);
  --bg-currentcolor: var(--button-background);
  color: var(--button-colour);
  border: none;
  min-width: var(--chakra-sizes-10);
  padding-inline: var(--chakra-spacing-4);
  gap: var(--chakra-spacing-2);
}
.chakra-styles button:not(.inline, .container, .no-chakra, .blazored-modal-close, [class^="ql"]):not(.no-chakra-size),
.confirmation-prompt button:not(.inline, .container, .no-chakra, .blazored-modal-close, [class^="ql"]):not(.no-chakra-size),
.chakra-styles .button:not(.inline):not(.no-chakra-size),
.confirmation-prompt .button:not(.inline):not(.no-chakra-size) {
  height: var(--button-height);
}
.chakra-styles button:not(.inline, .container, .no-chakra, .blazored-modal-close, [class^="ql"]):is(:disabled, [disabled], [data-disabled], [aria-disabled=true], .disabled),
.confirmation-prompt button:not(.inline, .container, .no-chakra, .blazored-modal-close, [class^="ql"]):is(:disabled, [disabled], [data-disabled], [aria-disabled=true], .disabled),
.chakra-styles .button:not(.inline):is(:disabled, [disabled], [data-disabled], [aria-disabled=true], .disabled),
.confirmation-prompt .button:not(.inline):is(:disabled, [disabled], [data-disabled], [aria-disabled=true], .disabled) {
  cursor: not-allowed;
  background-color: var(--colour-font-pebble);
  --bg-currentcolor: var(--colour-font-pebble);
  color: var(--colour-font-coal);
  border: none;
}
.chakra-styles button:not(.inline, .container, .no-chakra, .blazored-modal-close, [class^="ql"]):where(svg),
.confirmation-prompt button:not(.inline, .container, .no-chakra, .blazored-modal-close, [class^="ql"]):where(svg),
.chakra-styles .button:not(.inline):where(svg),
.confirmation-prompt .button:not(.inline):where(svg) {
  flex-shrink: 0;
  width: var(--chakra-sizes-5);
  height: var(--chakra-sizes-5);
}
.chakra-styles button:not(.inline, .container, .no-chakra, .blazored-modal-close, [class^="ql"]):is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled], .disabled),
.confirmation-prompt button:not(.inline, .container, .no-chakra, .blazored-modal-close, [class^="ql"]):is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled], .disabled),
.chakra-styles .button:not(.inline):is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled], .disabled),
.confirmation-prompt .button:not(.inline):is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled], .disabled) {
  background-color: var(--button-hover-background, var(--button-background));
  --bg-currentcolor: var(--button-hover-background, var(--button-background));
  color: var(--button-hover-colour, var(--button-colour));
  opacity: 1;
}
.chakra-styles button:not(.inline, .container, .no-chakra, .blazored-modal-close, [class^="ql"]):is(:focus, [data-focus]):not(:disabled, [disabled], [data-disabled], .disabled),
.confirmation-prompt button:not(.inline, .container, .no-chakra, .blazored-modal-close, [class^="ql"]):is(:focus, [data-focus]):not(:disabled, [disabled], [data-disabled], .disabled),
.chakra-styles .button:not(.inline):is(:focus, [data-focus]):not(:disabled, [disabled], [data-disabled], .disabled),
.confirmation-prompt .button:not(.inline):is(:focus, [data-focus]):not(:disabled, [disabled], [data-disabled], .disabled) {
  background-color: var(--button-focus-background, var(--button-background));
  --bg-currentcolor: var(--button-focus-background, var(--button-background));
  color: var(--button-focus-colour, var(--button-colour));
  box-shadow: 0px 0px 0px 4px var(--button-focus-shadow);
}
.chakra-styles button:not(.inline, .container, .no-chakra, .blazored-modal-close, [class^="ql"]):is(:active, [data-active]):not(:disabled, [disabled], [data-disabled], [data-state=open], .disabled),
.confirmation-prompt button:not(.inline, .container, .no-chakra, .blazored-modal-close, [class^="ql"]):is(:active, [data-active]):not(:disabled, [disabled], [data-disabled], [data-state=open], .disabled),
.chakra-styles .button:not(.inline):is(:active, [data-active]):not(:disabled, [disabled], [data-disabled], [data-state=open], .disabled),
.confirmation-prompt .button:not(.inline):is(:active, [data-active]):not(:disabled, [disabled], [data-disabled], [data-state=open], .disabled) {
  background-color: var(--button-active-background, var(--button-background));
  --bg-currentcolor: var(--button-active-background, var(--button-background));
  color: var(--button-active-colour, var(--button-colour));
}
.chakra-styles button:not(.inline, .container, .no-chakra, .blazored-modal-close, [class^="ql"]) [class^='fa-'],
.confirmation-prompt button:not(.inline, .container, .no-chakra, .blazored-modal-close, [class^="ql"]) [class^='fa-'],
.chakra-styles .button:not(.inline) [class^='fa-'],
.confirmation-prompt .button:not(.inline) [class^='fa-'] {
  flex-shrink: 0;
  color: var(--button-icon-colour, var(--button-colour));
}
.chakra-styles button:not(.inline, .container, .no-chakra, .blazored-modal-close, [class^="ql"]).icon-only,
.confirmation-prompt button:not(.inline, .container, .no-chakra, .blazored-modal-close, [class^="ql"]).icon-only,
.chakra-styles .button:not(.inline).icon-only,
.confirmation-prompt .button:not(.inline).icon-only {
  width: var(--button-height);
  min-width: var(--button-height);
  padding: 0;
}
.chakra-styles button:not(.secondary, .tertiary, .text, .destructive, .destructive-secondary, .no-chakra),
.confirmation-prompt button:not(.secondary, .tertiary, .text, .destructive, .destructive-secondary, .no-chakra),
.chakra-styles .button:not(.secondary, .tertiary, .text, .destructive, .destructive-secondary, .no-chakra),
.confirmation-prompt .button:not(.secondary, .tertiary, .text, .destructive, .destructive-secondary, .no-chakra) {
  --button-colour: var(--colour-font-creme);
  --button-background: var(--colour-primary-midnight);
  --button-hover-background: var(--colour-primary-midnight-30);
  --button-active-background: var(--colour-primary-midnight-50);
  --button-focus-shadow: var(--colour-primary-midnight-2);
}
.chakra-styles button.secondary,
.confirmation-prompt button.secondary,
.chakra-styles .button.secondary,
.confirmation-prompt .button.secondary,
.chakra-styles button.select-option,
.confirmation-prompt button.select-option,
.chakra-styles .button.select-option,
.confirmation-prompt .button.select-option {
  border: 2px solid var(--colour-primary-midnight);
  --button-colour: var(--colour-primary-midnight);
  --button-background: white;
  --button-hover-background: var(--colour-primary-midnight-10);
  --button-active-background: var(--colour-primary-midnight-10);
  --button-focus-shadow: var(--colour-primary-midnight);
}
.chakra-styles button.select-option.selected,
.confirmation-prompt button.select-option.selected,
.chakra-styles .button.select-option.selected,
.confirmation-prompt .button.select-option.selected {
  border-color: var(--colour-secondary-kingfisher);
  --button-colour: var(--colour-secondary-kingfisher);
  --button-background: var(--colour-primary-aloe-10);
  --button-hover-background: var(--colour-primary-aloe-30);
  --button-active-background: var(--colour-primary-aloe-30);
  --button-focus-shadow: var(--colour-secondary-kingfisher);
}
.chakra-styles button.text,
.confirmation-prompt button.text,
.chakra-styles .button.text,
.confirmation-prompt .button.text,
.chakra-styles button.link,
.confirmation-prompt button.link,
.chakra-styles .button.link,
.confirmation-prompt .button.link {
  --button-background: var(--chakra-colors-transparent);
  --button-colour: var(--colour-primary-midnight-2);
  --button-hover-background: var(--colour-primary-midnight-10);
  --button-active-background: var(--colour-primary-midnight-10);
  --button-focus-background: var(--semantic-bg-canvas);
  --button-focus-shadow: var(--colour-primary-midnight-2);
}
.chakra-styles button.link,
.confirmation-prompt button.link,
.chakra-styles .button.link,
.confirmation-prompt .button.link {
  text-decoration: underline;
}
.chakra-styles button.destructive,
.confirmation-prompt button.destructive,
.chakra-styles .button.destructive,
.confirmation-prompt .button.destructive {
  --button-background: var(--semantic-bg-danger-secondary);
  --button-colour: var(--chakra-colors-white);
  --button-active-background: var(--semantic-bg-danger-tertiary);
  --button-focus-shadow: var(--semantic-bg-danger-secondary);
}
.chakra-styles button.destructive-secondary,
.confirmation-prompt button.destructive-secondary,
.chakra-styles .button.destructive-secondary,
.confirmation-prompt .button.destructive-secondary {
  border: 2px solid var(--semantic-bg-danger-secondary);
  --button-background: white;
  --button-colour: var(--semantic-bg-danger-secondary);
  --button-hover-background: var(--semantic-bg-error);
  --button-active-background: var(--semantic-bg-error);
  --button-focus-shadow: var(--semantic-bg-danger-secondary);
}
.chakra-styles button:not(.inline, .container, .large, .medium, .small, .no-chakra, .no-chakra-size, .blazored-modal-close),
.confirmation-prompt button:not(.inline, .container, .large, .medium, .small, .no-chakra, .no-chakra-size, .blazored-modal-close),
.chakra-styles .button:not(.inline, .container, .large, .medium, .small, .no-chakra, .no-chakra-size, .blazored-modal-close),
.confirmation-prompt .button:not(.inline, .container, .large, .medium, .small, .no-chakra, .no-chakra-size, .blazored-modal-close) {
  --button-height: var(--chakra-sizes-12);
  width: 100%;
  padding-block: var(--chakra-spacing-4);
}
.chakra-styles button:not(.no-chakra-size).large,
.confirmation-prompt button:not(.no-chakra-size).large,
.chakra-styles .button:not(.no-chakra-size).large,
.confirmation-prompt .button:not(.no-chakra-size).large,
.chakra-styles button:not(.no-chakra-size).medium,
.confirmation-prompt button:not(.no-chakra-size).medium,
.chakra-styles .button:not(.no-chakra-size).medium,
.confirmation-prompt .button:not(.no-chakra-size).medium,
.chakra-styles button:not(.no-chakra-size).small,
.confirmation-prompt button:not(.no-chakra-size).small,
.chakra-styles .button:not(.no-chakra-size).small,
.confirmation-prompt .button:not(.no-chakra-size).small {
  display: inline-flex;
}
.chakra-styles button:not(.no-chakra-size).large,
.confirmation-prompt button:not(.no-chakra-size).large,
.chakra-styles .button:not(.no-chakra-size).large,
.confirmation-prompt .button:not(.no-chakra-size).large {
  --button-height: var(--chakra-sizes-12);
  padding-block: var(--chakra-spacing-4);
  padding-inline: var(--chakra-spacing-8);
}
.chakra-styles button:not(.no-chakra-size).medium,
.confirmation-prompt button:not(.no-chakra-size).medium,
.chakra-styles .button:not(.no-chakra-size).medium,
.confirmation-prompt .button:not(.no-chakra-size).medium {
  --button-height: var(--chakra-sizes-10);
  padding-block: var(--chakra-spacing-3);
  padding-inline: var(--chakra-spacing-6);
}
.chakra-styles button:not(.no-chakra-size).small,
.confirmation-prompt button:not(.no-chakra-size).small,
.chakra-styles .button:not(.no-chakra-size).small,
.confirmation-prompt .button:not(.no-chakra-size).small {
  --button-height: var(--chakra-sizes-8);
  padding-block: var(--chakra-spacing-2);
  padding-inline: var(--chakra-spacing-4);
}
.chakra-styles button.skeleton-loader,
.confirmation-prompt button.skeleton-loader,
.chakra-styles .button.skeleton-loader,
.confirmation-prompt .button.skeleton-loader {
  pointer-events: none;
}
.chakra-styles button.left-aligned,
.confirmation-prompt button.left-aligned,
.chakra-styles .button.left-aligned,
.confirmation-prompt .button.left-aligned {
  justify-content: start;
}
.chakra-styles button.aloe,
.confirmation-prompt button.aloe,
.chakra-styles .button.aloe,
.confirmation-prompt .button.aloe,
.chakra-styles .aloe-buttons button,
.confirmation-prompt .aloe-buttons button,
.chakra-styles .aloe-buttons .button,
.confirmation-prompt .aloe-buttons .button {
  --button-colour: var(--colour-primary-midnight);
}
.chakra-styles button.aloe:not(.secondary),
.confirmation-prompt button.aloe:not(.secondary),
.chakra-styles .button.aloe:not(.secondary),
.confirmation-prompt .button.aloe:not(.secondary),
.chakra-styles .aloe-buttons button:not(.secondary),
.confirmation-prompt .aloe-buttons button:not(.secondary),
.chakra-styles .aloe-buttons .button:not(.secondary),
.confirmation-prompt .aloe-buttons .button:not(.secondary) {
  --button-background: var(--colour-primary-aloe);
  --button-hover-background: var(--colour-primary-aloe-30);
  --button-active-background: var(--colour-secondary-kingfisher);
  --button-active-colour: var(--chakra-colors-white);
  --button-focus-background: var(--colour-primary-aloe);
  --button-focus-shadow: var(--colour-primary-midnight-2);
  --button-active-icon-colour: var(--chakra-colors-white);
}
.chakra-styles button.aloe:not(.secondary):is(:active, [data-active]):not(:disabled, [data-disabled], [data-state=open]),
.confirmation-prompt button.aloe:not(.secondary):is(:active, [data-active]):not(:disabled, [data-disabled], [data-state=open]),
.chakra-styles .button.aloe:not(.secondary):is(:active, [data-active]):not(:disabled, [data-disabled], [data-state=open]),
.confirmation-prompt .button.aloe:not(.secondary):is(:active, [data-active]):not(:disabled, [data-disabled], [data-state=open]),
.chakra-styles .aloe-buttons button:not(.secondary):is(:active, [data-active]):not(:disabled, [data-disabled], [data-state=open]),
.confirmation-prompt .aloe-buttons button:not(.secondary):is(:active, [data-active]):not(:disabled, [data-disabled], [data-state=open]),
.chakra-styles .aloe-buttons .button:not(.secondary):is(:active, [data-active]):not(:disabled, [data-disabled], [data-state=open]),
.confirmation-prompt .aloe-buttons .button:not(.secondary):is(:active, [data-active]):not(:disabled, [data-disabled], [data-state=open]) {
  --button-icon-colour: white;
}
.chakra-styles button.aloe.secondary,
.confirmation-prompt button.aloe.secondary,
.chakra-styles .button.aloe.secondary,
.confirmation-prompt .button.aloe.secondary,
.chakra-styles .aloe-buttons button.secondary,
.confirmation-prompt .aloe-buttons button.secondary,
.chakra-styles .aloe-buttons .button.secondary,
.confirmation-prompt .aloe-buttons .button.secondary {
  border-color: var(--colour-primary-aloe);
  --button-hover-background: var(--colour-primary-aloe-30);
  --button-active-background: var(--colour-primary-aloe-30);
  --button-focus-shadow: var(--colour-primary-aloe);
}
.chakra-styles button.container,
.confirmation-prompt button.container {
  border: none;
  background: none;
  padding: 0;
  border-radius: 0;
  color: inherit;
  text-align: inherit;
}
.chakra-styles button.container.icon-only,
.confirmation-prompt button.container.icon-only {
  padding: 10px;
  margin: -10px;
}
.chakra-styles input:not([type="color"], [type="checkbox"], [type="file"], .no-chakra),
.confirmation-prompt input:not([type="color"], [type="checkbox"], [type="file"], .no-chakra),
.chakra-styles .input,
.confirmation-prompt .input,
.chakra-styles dropdown-selected[breezer-dropdown],
.confirmation-prompt dropdown-selected[breezer-dropdown],
.chakra-styles editor-for[type="html-fragment"],
.confirmation-prompt editor-for[type="html-fragment"],
.chakra-styles textarea,
.confirmation-prompt textarea {
  width: 100%;
  min-width: var(--input-height);
  outline: 0;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  text-align: start;
  border-radius: var(--chakra-radii-lg);
  height: var(--chakra-sizes-12);
  --error-color: var(--chakra-colors-border-error);
  --input-border-width: 1px;
  --input-border: var(--input-border-width) solid var(--semantic-border-subtle);
  border: var(--input-border);
  --input-padding-with-border: calc(var(--input-padding) - var(--input-border-width));
  padding: var(--input-padding-with-border);
  color: var(--semantic-fg-base);
  background-color: var(--semantic-bg-canvas);
  --bg-currentcolor: var(--semantic-bg-canvas);
  --input-height: var(--chakra-sizes-12);
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
}
.chakra-styles textarea,
.confirmation-prompt textarea {
  resize: none;
  height: unset;
}
.chakra-styles form[disabled] input:not([type="color"], [type="checkbox"], [type="file"], .no-chakra),
.confirmation-prompt form[disabled] input:not([type="color"], [type="checkbox"], [type="file"], .no-chakra),
.chakra-styles form[disabled] .input,
.confirmation-prompt form[disabled] .input,
.chakra-styles form[disabled] dropdown-selected[breezer-dropdown],
.confirmation-prompt form[disabled] dropdown-selected[breezer-dropdown] {
  background-color: var(--semantic-bg-disabled);
  --bg-currentcolor: var(--semantic-bg-disabled);
  border-color: var(--semantic-border-disabled);
  pointer-events: none;
}
.chakra-styles input:not([type="color"], [type="checkbox"], [type="file"], .no-chakra):is(:disabled, [disabled], [data-disabled], [aria-disabled=true]),
.confirmation-prompt input:not([type="color"], [type="checkbox"], [type="file"], .no-chakra):is(:disabled, [disabled], [data-disabled], [aria-disabled=true]),
.chakra-styles .input:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]),
.confirmation-prompt .input:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]),
.chakra-styles dropdown-selected[breezer-dropdown]:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]),
.confirmation-prompt dropdown-selected[breezer-dropdown]:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]),
.chakra-styles editor-for[type="html-fragment"]:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]),
.confirmation-prompt editor-for[type="html-fragment"]:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]),
.chakra-styles textarea:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]),
.confirmation-prompt textarea:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]),
form[disabled] .chakra-styles input:not([type="color"], [type="checkbox"], [type="file"], .no-chakra),
form[disabled] .confirmation-prompt input:not([type="color"], [type="checkbox"], [type="file"], .no-chakra),
form[disabled] .chakra-styles .input,
form[disabled] .confirmation-prompt .input,
form[disabled] .chakra-styles dropdown-selected[breezer-dropdown],
form[disabled] .confirmation-prompt dropdown-selected[breezer-dropdown],
form[disabled] .chakra-styles editor-for[type="html-fragment"],
form[disabled] .confirmation-prompt editor-for[type="html-fragment"],
form[disabled] .chakra-styles textarea,
form[disabled] .confirmation-prompt textarea {
  background-color: var(--semantic-bg-disabled);
  --bg-currentcolor: var(--semantic-bg-disabled);
  border-color: var(--semantic-border-disabled);
  pointer-events: none;
}
.chakra-styles input:not([type="color"], [type="checkbox"], [type="file"], .no-chakra)::-webkit-input-placeholder,
.confirmation-prompt input:not([type="color"], [type="checkbox"], [type="file"], .no-chakra)::-webkit-input-placeholder,
.chakra-styles .input::-webkit-input-placeholder,
.confirmation-prompt .input::-webkit-input-placeholder,
.chakra-styles dropdown-selected[breezer-dropdown]::-webkit-input-placeholder,
.confirmation-prompt dropdown-selected[breezer-dropdown]::-webkit-input-placeholder,
.chakra-styles editor-for[type="html-fragment"]::-webkit-input-placeholder,
.confirmation-prompt editor-for[type="html-fragment"]::-webkit-input-placeholder,
.chakra-styles textarea::-webkit-input-placeholder,
.confirmation-prompt textarea::-webkit-input-placeholder {
  color: var(--semantic-fg-subtle);
}
.chakra-styles input:not([type="color"], [type="checkbox"], [type="file"], .no-chakra)::-moz-placeholder,
.confirmation-prompt input:not([type="color"], [type="checkbox"], [type="file"], .no-chakra)::-moz-placeholder,
.chakra-styles .input::-moz-placeholder,
.confirmation-prompt .input::-moz-placeholder,
.chakra-styles dropdown-selected[breezer-dropdown]::-moz-placeholder,
.confirmation-prompt dropdown-selected[breezer-dropdown]::-moz-placeholder,
.chakra-styles editor-for[type="html-fragment"]::-moz-placeholder,
.confirmation-prompt editor-for[type="html-fragment"]::-moz-placeholder,
.chakra-styles textarea::-moz-placeholder,
.confirmation-prompt textarea::-moz-placeholder {
  color: var(--semantic-fg-subtle);
}
.chakra-styles input:not([type="color"], [type="checkbox"], [type="file"], .no-chakra):-ms-input-placeholder,
.confirmation-prompt input:not([type="color"], [type="checkbox"], [type="file"], .no-chakra):-ms-input-placeholder,
.chakra-styles .input:-ms-input-placeholder,
.confirmation-prompt .input:-ms-input-placeholder,
.chakra-styles dropdown-selected[breezer-dropdown]:-ms-input-placeholder,
.confirmation-prompt dropdown-selected[breezer-dropdown]:-ms-input-placeholder,
.chakra-styles editor-for[type="html-fragment"]:-ms-input-placeholder,
.confirmation-prompt editor-for[type="html-fragment"]:-ms-input-placeholder,
.chakra-styles textarea:-ms-input-placeholder,
.confirmation-prompt textarea:-ms-input-placeholder {
  color: var(--semantic-fg-subtle);
}
.chakra-styles input:not([type="color"], [type="checkbox"], [type="file"], .no-chakra)::-webkit-input-placeholder,
.confirmation-prompt input:not([type="color"], [type="checkbox"], [type="file"], .no-chakra)::-webkit-input-placeholder,
.chakra-styles .input::-webkit-input-placeholder,
.confirmation-prompt .input::-webkit-input-placeholder,
.chakra-styles dropdown-selected[breezer-dropdown]::-webkit-input-placeholder,
.confirmation-prompt dropdown-selected[breezer-dropdown]::-webkit-input-placeholder,
.chakra-styles editor-for[type="html-fragment"]::-webkit-input-placeholder,
.confirmation-prompt editor-for[type="html-fragment"]::-webkit-input-placeholder,
.chakra-styles textarea::-webkit-input-placeholder,
.confirmation-prompt textarea::-webkit-input-placeholder,
.chakra-styles input:not([type="color"], [type="checkbox"], [type="file"], .no-chakra)[data-placeholder],
.confirmation-prompt input:not([type="color"], [type="checkbox"], [type="file"], .no-chakra)[data-placeholder],
.chakra-styles .input[data-placeholder],
.confirmation-prompt .input[data-placeholder],
.chakra-styles dropdown-selected[breezer-dropdown][data-placeholder],
.confirmation-prompt dropdown-selected[breezer-dropdown][data-placeholder],
.chakra-styles editor-for[type="html-fragment"][data-placeholder],
.confirmation-prompt editor-for[type="html-fragment"][data-placeholder],
.chakra-styles textarea[data-placeholder],
.confirmation-prompt textarea[data-placeholder],
.chakra-styles input:not([type="color"], [type="checkbox"], [type="file"], .no-chakra) .input-placeholder,
.confirmation-prompt input:not([type="color"], [type="checkbox"], [type="file"], .no-chakra) .input-placeholder,
.chakra-styles .input .input-placeholder,
.confirmation-prompt .input .input-placeholder,
.chakra-styles dropdown-selected[breezer-dropdown] .input-placeholder,
.confirmation-prompt dropdown-selected[breezer-dropdown] .input-placeholder,
.chakra-styles editor-for[type="html-fragment"] .input-placeholder,
.confirmation-prompt editor-for[type="html-fragment"] .input-placeholder,
.chakra-styles textarea .input-placeholder,
.confirmation-prompt textarea .input-placeholder {
  color: var(--semantic-fg-subtle);
  font-weight: inherit;
}
.chakra-styles input:not([type="color"], [type="checkbox"], [type="file"], .no-chakra)::-moz-placeholder,
.confirmation-prompt input:not([type="color"], [type="checkbox"], [type="file"], .no-chakra)::-moz-placeholder,
.chakra-styles .input::-moz-placeholder,
.confirmation-prompt .input::-moz-placeholder,
.chakra-styles dropdown-selected[breezer-dropdown]::-moz-placeholder,
.confirmation-prompt dropdown-selected[breezer-dropdown]::-moz-placeholder,
.chakra-styles editor-for[type="html-fragment"]::-moz-placeholder,
.confirmation-prompt editor-for[type="html-fragment"]::-moz-placeholder,
.chakra-styles textarea::-moz-placeholder,
.confirmation-prompt textarea::-moz-placeholder,
.chakra-styles input:not([type="color"], [type="checkbox"], [type="file"], .no-chakra)[data-placeholder],
.confirmation-prompt input:not([type="color"], [type="checkbox"], [type="file"], .no-chakra)[data-placeholder],
.chakra-styles .input[data-placeholder],
.confirmation-prompt .input[data-placeholder],
.chakra-styles dropdown-selected[breezer-dropdown][data-placeholder],
.confirmation-prompt dropdown-selected[breezer-dropdown][data-placeholder],
.chakra-styles editor-for[type="html-fragment"][data-placeholder],
.confirmation-prompt editor-for[type="html-fragment"][data-placeholder],
.chakra-styles textarea[data-placeholder],
.confirmation-prompt textarea[data-placeholder],
.chakra-styles input:not([type="color"], [type="checkbox"], [type="file"], .no-chakra) .input-placeholder,
.confirmation-prompt input:not([type="color"], [type="checkbox"], [type="file"], .no-chakra) .input-placeholder,
.chakra-styles .input .input-placeholder,
.confirmation-prompt .input .input-placeholder,
.chakra-styles dropdown-selected[breezer-dropdown] .input-placeholder,
.confirmation-prompt dropdown-selected[breezer-dropdown] .input-placeholder,
.chakra-styles editor-for[type="html-fragment"] .input-placeholder,
.confirmation-prompt editor-for[type="html-fragment"] .input-placeholder,
.chakra-styles textarea .input-placeholder,
.confirmation-prompt textarea .input-placeholder {
  color: var(--semantic-fg-subtle);
  font-weight: inherit;
}
.chakra-styles input:not([type="color"], [type="checkbox"], [type="file"], .no-chakra)::-ms-input-placeholder,
.confirmation-prompt input:not([type="color"], [type="checkbox"], [type="file"], .no-chakra)::-ms-input-placeholder,
.chakra-styles .input::-ms-input-placeholder,
.confirmation-prompt .input::-ms-input-placeholder,
.chakra-styles dropdown-selected[breezer-dropdown]::-ms-input-placeholder,
.confirmation-prompt dropdown-selected[breezer-dropdown]::-ms-input-placeholder,
.chakra-styles editor-for[type="html-fragment"]::-ms-input-placeholder,
.confirmation-prompt editor-for[type="html-fragment"]::-ms-input-placeholder,
.chakra-styles textarea::-ms-input-placeholder,
.confirmation-prompt textarea::-ms-input-placeholder,
.chakra-styles input:not([type="color"], [type="checkbox"], [type="file"], .no-chakra)[data-placeholder],
.confirmation-prompt input:not([type="color"], [type="checkbox"], [type="file"], .no-chakra)[data-placeholder],
.chakra-styles .input[data-placeholder],
.confirmation-prompt .input[data-placeholder],
.chakra-styles dropdown-selected[breezer-dropdown][data-placeholder],
.confirmation-prompt dropdown-selected[breezer-dropdown][data-placeholder],
.chakra-styles editor-for[type="html-fragment"][data-placeholder],
.confirmation-prompt editor-for[type="html-fragment"][data-placeholder],
.chakra-styles textarea[data-placeholder],
.confirmation-prompt textarea[data-placeholder],
.chakra-styles input:not([type="color"], [type="checkbox"], [type="file"], .no-chakra) .input-placeholder,
.confirmation-prompt input:not([type="color"], [type="checkbox"], [type="file"], .no-chakra) .input-placeholder,
.chakra-styles .input .input-placeholder,
.confirmation-prompt .input .input-placeholder,
.chakra-styles dropdown-selected[breezer-dropdown] .input-placeholder,
.confirmation-prompt dropdown-selected[breezer-dropdown] .input-placeholder,
.chakra-styles editor-for[type="html-fragment"] .input-placeholder,
.confirmation-prompt editor-for[type="html-fragment"] .input-placeholder,
.chakra-styles textarea .input-placeholder,
.confirmation-prompt textarea .input-placeholder {
  color: var(--semantic-fg-subtle);
  font-weight: inherit;
}
.chakra-styles input:not([type="color"], [type="checkbox"], [type="file"], .no-chakra)::placeholder,
.confirmation-prompt input:not([type="color"], [type="checkbox"], [type="file"], .no-chakra)::placeholder,
.chakra-styles .input::placeholder,
.confirmation-prompt .input::placeholder,
.chakra-styles dropdown-selected[breezer-dropdown]::placeholder,
.confirmation-prompt dropdown-selected[breezer-dropdown]::placeholder,
.chakra-styles editor-for[type="html-fragment"]::placeholder,
.confirmation-prompt editor-for[type="html-fragment"]::placeholder,
.chakra-styles textarea::placeholder,
.confirmation-prompt textarea::placeholder,
.chakra-styles input:not([type="color"], [type="checkbox"], [type="file"], .no-chakra)[data-placeholder],
.confirmation-prompt input:not([type="color"], [type="checkbox"], [type="file"], .no-chakra)[data-placeholder],
.chakra-styles .input[data-placeholder],
.confirmation-prompt .input[data-placeholder],
.chakra-styles dropdown-selected[breezer-dropdown][data-placeholder],
.confirmation-prompt dropdown-selected[breezer-dropdown][data-placeholder],
.chakra-styles editor-for[type="html-fragment"][data-placeholder],
.confirmation-prompt editor-for[type="html-fragment"][data-placeholder],
.chakra-styles textarea[data-placeholder],
.confirmation-prompt textarea[data-placeholder],
.chakra-styles input:not([type="color"], [type="checkbox"], [type="file"], .no-chakra) .input-placeholder,
.confirmation-prompt input:not([type="color"], [type="checkbox"], [type="file"], .no-chakra) .input-placeholder,
.chakra-styles .input .input-placeholder,
.confirmation-prompt .input .input-placeholder,
.chakra-styles dropdown-selected[breezer-dropdown] .input-placeholder,
.confirmation-prompt dropdown-selected[breezer-dropdown] .input-placeholder,
.chakra-styles editor-for[type="html-fragment"] .input-placeholder,
.confirmation-prompt editor-for[type="html-fragment"] .input-placeholder,
.chakra-styles textarea .input-placeholder,
.confirmation-prompt textarea .input-placeholder {
  color: var(--semantic-fg-subtle);
  font-weight: inherit;
}
.chakra-styles input:not([type="color"], [type="checkbox"], [type="file"], .no-chakra) .empty-item,
.confirmation-prompt input:not([type="color"], [type="checkbox"], [type="file"], .no-chakra) .empty-item,
.chakra-styles .input .empty-item,
.confirmation-prompt .input .empty-item,
.chakra-styles dropdown-selected[breezer-dropdown] .empty-item,
.confirmation-prompt dropdown-selected[breezer-dropdown] .empty-item,
.chakra-styles editor-for[type="html-fragment"] .empty-item,
.confirmation-prompt editor-for[type="html-fragment"] .empty-item,
.chakra-styles textarea .empty-item,
.confirmation-prompt textarea .empty-item {
  color: var(--semantic-fg-subtle);
}
.chakra-styles input:not([type="color"], [type="checkbox"], [type="file"], .no-chakra):is(:hover, [data-hover]):not(:disabled, [data-disabled], :focus, :focus-within),
.confirmation-prompt input:not([type="color"], [type="checkbox"], [type="file"], .no-chakra):is(:hover, [data-hover]):not(:disabled, [data-disabled], :focus, :focus-within),
.chakra-styles .input:not(.no-pointer-events):is(:hover, [data-hover]):not(:disabled, [data-disabled], :focus, :focus-within),
.confirmation-prompt .input:not(.no-pointer-events):is(:hover, [data-hover]):not(:disabled, [data-disabled], :focus, :focus-within),
.chakra-styles dropdown-selected[breezer-dropdown]:is(:hover, [data-hover]):not(:disabled, [data-disabled], :focus, :focus-within),
.confirmation-prompt dropdown-selected[breezer-dropdown]:is(:hover, [data-hover]):not(:disabled, [data-disabled], :focus, :focus-within),
.chakra-styles editor-for[type="html-fragment"]:is(:hover, [data-hover]):not(:disabled, [data-disabled], :focus, :focus-within),
.confirmation-prompt editor-for[type="html-fragment"]:is(:hover, [data-hover]):not(:disabled, [data-disabled], :focus, :focus-within),
.chakra-styles textarea:is(:hover, [data-hover]):not(:disabled, [data-disabled], :focus, :focus-within),
.confirmation-prompt textarea:is(:hover, [data-hover]):not(:disabled, [data-disabled], :focus, :focus-within) {
  --input-border-width: 1px;
  border-color: var(--semantic-border-muted);
}
.chakra-styles input:not([type="color"], [type="checkbox"], [type="file"], .no-chakra):is(:focus, :focus-within, [data-focus]),
.confirmation-prompt input:not([type="color"], [type="checkbox"], [type="file"], .no-chakra):is(:focus, :focus-within, [data-focus]),
.chakra-styles .input:not(.no-pointer-events):is(:focus, :focus-within, [data-focus]),
.confirmation-prompt .input:not(.no-pointer-events):is(:focus, :focus-within, [data-focus]),
.chakra-styles dropdown-selected[breezer-dropdown]:is(:focus, :focus-within, [data-focus]),
.confirmation-prompt dropdown-selected[breezer-dropdown]:is(:focus, :focus-within, [data-focus]),
.chakra-styles editor-for[type="html-fragment"]:is(:focus, :focus-within, [data-focus]),
.confirmation-prompt editor-for[type="html-fragment"]:is(:focus, :focus-within, [data-focus]),
.chakra-styles textarea:is(:focus, :focus-within, [data-focus]),
.confirmation-prompt textarea:is(:focus, :focus-within, [data-focus]) {
  --input-border-width: 2px;
  border-color: var(--semantic-accent-moderate);
  box-shadow: 0px 0px 0px 4px var(--colour-primary-midnight-2);
}
.chakra-styles input:not([type="color"], [type="checkbox"], [type="file"], .no-chakra):is([data-invalid], [aria-invalid=true], [data-state=invalid], .invalid),
.confirmation-prompt input:not([type="color"], [type="checkbox"], [type="file"], .no-chakra):is([data-invalid], [aria-invalid=true], [data-state=invalid], .invalid),
.chakra-styles editor-for-string.invalid input,
.confirmation-prompt editor-for-string.invalid input {
  --input-border-width: 2px;
  border-color: var(--semantic-border-error);
  background-color: var(--semantic-bg-error);
  --bg-currentcolor: var(--semantic-bg-error);
  box-shadow: none;
}
.chakra-styles label,
.confirmation-prompt label {
  color: var(--semantic-fg-base);
  /* label/md-bold */
  font-family: var(--typography-font-family-primary);
  font-size: var(--typography-font-size-md);
  font-style: normal;
  font-weight: var(--typography-font-weight-bold);
  line-height: 100%;
  /* 16px */
  letter-spacing: var(--typography-letter-spacing-none);
}
.chakra-styles form-field[type="boolean"] label,
.confirmation-prompt form-field[type="boolean"] label {
  font-weight: var(--typeograph-font-weight-regular);
}
.chakra-styles input[type="search"],
.confirmation-prompt input[type="search"],
.chakra-styles select-for-filter > input[breezer-select-for-filter],
.confirmation-prompt select-for-filter > input[breezer-select-for-filter] {
  height: 48px;
  padding: 12px 16px;
  border-radius: var(--corner-radius-full);
  background-color: var(--semantic-bg-subtle);
  border: none;
}
.chakra-styles input[type="search"]:is(:focus, [data-focus]),
.confirmation-prompt input[type="search"]:is(:focus, [data-focus]),
.chakra-styles select-for-filter > input[breezer-select-for-filter]:is(:focus, [data-focus]),
.confirmation-prompt select-for-filter > input[breezer-select-for-filter]:is(:focus, [data-focus]) {
  box-shadow: none;
}
.chakra-styles form-field.floating-label,
.confirmation-prompt form-field.floating-label {
  position: relative;
}
.chakra-styles form-field.floating-label input,
.confirmation-prompt form-field.floating-label input {
  padding: 24px 16px 8px;
}
.chakra-styles form-field.floating-label input::-webkit-input-placeholder,
.confirmation-prompt form-field.floating-label input::-webkit-input-placeholder {
  color: transparent;
}
.chakra-styles form-field.floating-label input::-moz-placeholder,
.confirmation-prompt form-field.floating-label input::-moz-placeholder {
  color: transparent;
}
.chakra-styles form-field.floating-label input::-ms-input-placeholder,
.confirmation-prompt form-field.floating-label input::-ms-input-placeholder {
  color: transparent;
}
.chakra-styles form-field.floating-label input::placeholder,
.confirmation-prompt form-field.floating-label input::placeholder {
  color: transparent;
}
.chakra-styles form-field.floating-label label,
.confirmation-prompt form-field.floating-label label {
  position: absolute;
  left: 16px;
  top: 8px;
  z-index: 1;
  margin: 0;
  color: var(--semantic-fg-muted);
  font-size: var(--typography-font-size-xs);
  font-weight: var(--typography-font-weight-regular);
  line-height: 1;
  letter-spacing: var(--typography-letter-spacing-none);
  cursor: text;
  transition: font-size 0.15s linear, top 0.15s linear;
}
.chakra-styles form-field.floating-label:has(:placeholder-shown:not(:focus)) label,
.confirmation-prompt form-field.floating-label:has(:placeholder-shown:not(:focus)) label {
  top: 16px;
  color: var(--semantic-fg-subtle);
  font-size: var(--typography-font-size-md);
}
.chakra-styles editor-for[display="checkbox"][breezer-editor-for-bool],
.confirmation-prompt editor-for[display="checkbox"][breezer-editor-for-bool],
.chakra-styles display-for[display="checkbox"][breezer-display-for-bool],
.confirmation-prompt display-for[display="checkbox"][breezer-display-for-bool] {
  --checkbox-size: 24px;
}
.chakra-styles hr,
.confirmation-prompt hr {
  height: 1px;
  background-color: var(--semantic-bg-muted);
  border: none;
  margin-inline: 0;
}
.chakra-styles hr.thick,
.confirmation-prompt hr.thick {
  height: 12px;
}
.chakra-styles hr.padded,
.confirmation-prompt hr.padded {
  margin-inline: 16px;
}
.chakra-styles hr.transparent,
.confirmation-prompt hr.transparent {
  background-color: var(--colour-background-card-2);
  opacity: 0.5;
}
.chakra-styles hr.dark,
.confirmation-prompt hr.dark {
  background-color: var(--colour-primary-midnight);
}
.chakra-styles hr.feature-dark,
.confirmation-prompt hr.feature-dark {
  background-color: var(--colour-secondary-kingfisher);
}
:where(html, .chakra-theme) {
  --chakra-aspect-ratios-square: 1/1;
  --chakra-aspect-ratios-landscape: 4/3;
  --chakra-aspect-ratios-portrait: 3/4;
  --chakra-aspect-ratios-wide: 16/9;
  --chakra-aspect-ratios-ultrawide: 18/5;
  --chakra-aspect-ratios-golden: 1.618/1;
  --chakra-animations-spin: spin 1s linear infinite;
  --chakra-animations-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
  --chakra-animations-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  --chakra-animations-bounce: bounce 1s infinite;
  --chakra-blurs-sm: 4px;
  --chakra-blurs-md: 8px;
  --chakra-blurs-lg: 12px;
  --chakra-blurs-xl: 16px;
  --chakra-blurs-2xl: 24px;
  --chakra-blurs-3xl: 40px;
  --chakra-blurs-4xl: 64px;
  --chakra-borders-xs: 0.5px solid;
  --chakra-borders-sm: 1px solid;
  --chakra-borders-md: 2px solid;
  --chakra-borders-lg: 4px solid;
  --chakra-borders-xl: 8px solid;
  --chakra-colors-transparent: transparent;
  --chakra-colors-current: currentColor;
  --chakra-colors-black: #09090B;
  --chakra-colors-white: #FFFFFF;
  --chakra-colors-white-alpha-50: rgba(255, 255, 255, 0.04);
  --chakra-colors-white-alpha-100: rgba(255, 255, 255, 0.06);
  --chakra-colors-white-alpha-200: rgba(255, 255, 255, 0.08);
  --chakra-colors-white-alpha-300: rgba(255, 255, 255, 0.16);
  --chakra-colors-white-alpha-400: rgba(255, 255, 255, 0.24);
  --chakra-colors-white-alpha-500: rgba(255, 255, 255, 0.36);
  --chakra-colors-white-alpha-600: rgba(255, 255, 255, 0.48);
  --chakra-colors-white-alpha-700: rgba(255, 255, 255, 0.64);
  --chakra-colors-white-alpha-800: rgba(255, 255, 255, 0.8);
  --chakra-colors-white-alpha-900: rgba(255, 255, 255, 0.92);
  --chakra-colors-white-alpha-950: rgba(255, 255, 255, 0.95);
  --chakra-colors-black-alpha-50: rgba(0, 0, 0, 0.04);
  --chakra-colors-black-alpha-100: rgba(0, 0, 0, 0.06);
  --chakra-colors-black-alpha-200: rgba(0, 0, 0, 0.08);
  --chakra-colors-black-alpha-300: rgba(0, 0, 0, 0.16);
  --chakra-colors-black-alpha-400: rgba(0, 0, 0, 0.24);
  --chakra-colors-black-alpha-500: rgba(0, 0, 0, 0.36);
  --chakra-colors-black-alpha-600: rgba(0, 0, 0, 0.48);
  --chakra-colors-black-alpha-700: rgba(0, 0, 0, 0.64);
  --chakra-colors-black-alpha-800: rgba(0, 0, 0, 0.8);
  --chakra-colors-black-alpha-900: rgba(0, 0, 0, 0.92);
  --chakra-colors-black-alpha-950: rgba(0, 0, 0, 0.95);
  --chakra-colors-gray-50: #fafafa;
  --chakra-colors-gray-100: #f4f4f5;
  --chakra-colors-gray-200: #e4e4e7;
  --chakra-colors-gray-300: #d4d4d8;
  --chakra-colors-gray-400: #a1a1aa;
  --chakra-colors-gray-500: #71717a;
  --chakra-colors-gray-600: #52525b;
  --chakra-colors-gray-700: #3f3f46;
  --chakra-colors-gray-800: #27272a;
  --chakra-colors-gray-900: #18181b;
  --chakra-colors-gray-950: #111111;
  --chakra-colors-red-50: #fef2f2;
  --chakra-colors-red-100: #fee2e2;
  --chakra-colors-red-200: #fecaca;
  --chakra-colors-red-300: #fca5a5;
  --chakra-colors-red-400: #f87171;
  --chakra-colors-red-500: #ef4444;
  --chakra-colors-red-600: #dc2626;
  --chakra-colors-red-700: #991919;
  --chakra-colors-red-800: #511111;
  --chakra-colors-red-900: #300c0c;
  --chakra-colors-red-950: #1f0808;
  --chakra-colors-orange-50: #fff7ed;
  --chakra-colors-orange-100: #ffedd5;
  --chakra-colors-orange-200: #fed7aa;
  --chakra-colors-orange-300: #fdba74;
  --chakra-colors-orange-400: #fb923c;
  --chakra-colors-orange-500: #f97316;
  --chakra-colors-orange-600: #ea580c;
  --chakra-colors-orange-700: #92310a;
  --chakra-colors-orange-800: #6c2710;
  --chakra-colors-orange-900: #3b1106;
  --chakra-colors-orange-950: #220a04;
  --chakra-colors-yellow-50: #fefce8;
  --chakra-colors-yellow-100: #fef9c3;
  --chakra-colors-yellow-200: #fef08a;
  --chakra-colors-yellow-300: #fde047;
  --chakra-colors-yellow-400: #facc15;
  --chakra-colors-yellow-500: #eab308;
  --chakra-colors-yellow-600: #ca8a04;
  --chakra-colors-yellow-700: #845209;
  --chakra-colors-yellow-800: #713f12;
  --chakra-colors-yellow-900: #422006;
  --chakra-colors-yellow-950: #281304;
  --chakra-colors-green-50: #f0fdf4;
  --chakra-colors-green-100: #dcfce7;
  --chakra-colors-green-200: #bbf7d0;
  --chakra-colors-green-300: #86efac;
  --chakra-colors-green-400: #4ade80;
  --chakra-colors-green-500: #22c55e;
  --chakra-colors-green-600: #16a34a;
  --chakra-colors-green-700: #116932;
  --chakra-colors-green-800: #124a28;
  --chakra-colors-green-900: #042713;
  --chakra-colors-green-950: #03190c;
  --chakra-colors-teal-50: #f0fdfa;
  --chakra-colors-teal-100: #ccfbf1;
  --chakra-colors-teal-200: #99f6e4;
  --chakra-colors-teal-300: #5eead4;
  --chakra-colors-teal-400: #2dd4bf;
  --chakra-colors-teal-500: #14b8a6;
  --chakra-colors-teal-600: #0d9488;
  --chakra-colors-teal-700: #0c5d56;
  --chakra-colors-teal-800: #114240;
  --chakra-colors-teal-900: #032726;
  --chakra-colors-teal-950: #021716;
  --chakra-colors-blue-50: #eff6ff;
  --chakra-colors-blue-100: #dbeafe;
  --chakra-colors-blue-200: #bfdbfe;
  --chakra-colors-blue-300: #a3cfff;
  --chakra-colors-blue-400: #60a5fa;
  --chakra-colors-blue-500: #3b82f6;
  --chakra-colors-blue-600: #2563eb;
  --chakra-colors-blue-700: #173da6;
  --chakra-colors-blue-800: #1a3478;
  --chakra-colors-blue-900: #14204a;
  --chakra-colors-blue-950: #0c142e;
  --chakra-colors-cyan-50: #ecfeff;
  --chakra-colors-cyan-100: #cffafe;
  --chakra-colors-cyan-200: #a5f3fc;
  --chakra-colors-cyan-300: #67e8f9;
  --chakra-colors-cyan-400: #22d3ee;
  --chakra-colors-cyan-500: #06b6d4;
  --chakra-colors-cyan-600: #0891b2;
  --chakra-colors-cyan-700: #0c5c72;
  --chakra-colors-cyan-800: #134152;
  --chakra-colors-cyan-900: #072a38;
  --chakra-colors-cyan-950: #051b24;
  --chakra-colors-purple-50: #faf5ff;
  --chakra-colors-purple-100: #f3e8ff;
  --chakra-colors-purple-200: #e9d5ff;
  --chakra-colors-purple-300: #d8b4fe;
  --chakra-colors-purple-400: #c084fc;
  --chakra-colors-purple-500: #a855f7;
  --chakra-colors-purple-600: #9333ea;
  --chakra-colors-purple-700: #641ba3;
  --chakra-colors-purple-800: #4a1772;
  --chakra-colors-purple-900: #2f0553;
  --chakra-colors-purple-950: #1a032e;
  --chakra-colors-pink-50: #fdf2f8;
  --chakra-colors-pink-100: #fce7f3;
  --chakra-colors-pink-200: #fbcfe8;
  --chakra-colors-pink-300: #f9a8d4;
  --chakra-colors-pink-400: #f472b6;
  --chakra-colors-pink-500: #ec4899;
  --chakra-colors-pink-600: #db2777;
  --chakra-colors-pink-700: #a41752;
  --chakra-colors-pink-800: #6d0e34;
  --chakra-colors-pink-900: #45061f;
  --chakra-colors-pink-950: #2c0514;
  --chakra-durations-fastest: 50ms;
  --chakra-durations-faster: 100ms;
  --chakra-durations-fast: 150ms;
  --chakra-durations-moderate: 200ms;
  --chakra-durations-slow: 300ms;
  --chakra-durations-slower: 400ms;
  --chakra-durations-slowest: 500ms;
  --chakra-easings-ease-in: cubic-bezier(0.42, 0, 1, 1);
  --chakra-easings-ease-out: cubic-bezier(0, 0, 0.58, 1);
  --chakra-easings-ease-in-out: cubic-bezier(0.42, 0, 0.58, 1);
  --chakra-easings-ease-in-smooth: cubic-bezier(0.32, 0.72, 0, 1);
  --chakra-fonts-heading: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --chakra-fonts-body: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --chakra-fonts-mono: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --chakra-font-sizes-2xs: 0.625rem;
  --chakra-font-sizes-xs: 0.75rem;
  --chakra-font-sizes-sm: 0.875rem;
  --chakra-font-sizes-md: 1rem;
  --chakra-font-sizes-lg: 1.125rem;
  --chakra-font-sizes-xl: 1.25rem;
  --chakra-font-sizes-2xl: 1.5rem;
  --chakra-font-sizes-3xl: 1.875rem;
  --chakra-font-sizes-4xl: 2.25rem;
  --chakra-font-sizes-5xl: 3rem;
  --chakra-font-sizes-6xl: 3.75rem;
  --chakra-font-sizes-7xl: 4.5rem;
  --chakra-font-sizes-8xl: 6rem;
  --chakra-font-sizes-9xl: 8rem;
  --chakra-font-weights-thin: 100;
  --chakra-font-weights-extralight: 200;
  --chakra-font-weights-light: 300;
  --chakra-font-weights-normal: 400;
  --chakra-font-weights-medium: 500;
  --chakra-font-weights-semibold: 600;
  --chakra-font-weights-bold: 700;
  --chakra-font-weights-extrabold: 800;
  --chakra-font-weights-black: 900;
  --chakra-letter-spacings-tighter: -0.05em;
  --chakra-letter-spacings-tight: -0.025em;
  --chakra-letter-spacings-wide: 0.025em;
  --chakra-letter-spacings-wider: 0.05em;
  --chakra-letter-spacings-widest: 0.1em;
  --chakra-line-heights-shorter: 1.25;
  --chakra-line-heights-short: 1.375;
  --chakra-line-heights-moderate: 1.5;
  --chakra-line-heights-tall: 1.625;
  --chakra-line-heights-taller: 2;
  --chakra-radii-none: 0;
  --chakra-radii-2xs: 0.0625rem;
  --chakra-radii-xs: 0.125rem;
  --chakra-radii-sm: 0.25rem;
  --chakra-radii-md: 0.375rem;
  --chakra-radii-lg: 0.5rem;
  --chakra-radii-xl: 0.75rem;
  --chakra-radii-2xl: 1rem;
  --chakra-radii-3xl: 1.5rem;
  --chakra-radii-4xl: 2rem;
  --chakra-radii-full: 9999px;
  --chakra-spacing-1: 0.25rem;
  --chakra-spacing-2: 0.5rem;
  --chakra-spacing-3: 0.75rem;
  --chakra-spacing-4: 1rem;
  --chakra-spacing-5: 1.25rem;
  --chakra-spacing-6: 1.5rem;
  --chakra-spacing-7: 1.75rem;
  --chakra-spacing-8: 2rem;
  --chakra-spacing-9: 2.25rem;
  --chakra-spacing-10: 2.5rem;
  --chakra-spacing-11: 2.75rem;
  --chakra-spacing-12: 3rem;
  --chakra-spacing-14: 3.5rem;
  --chakra-spacing-16: 4rem;
  --chakra-spacing-20: 5rem;
  --chakra-spacing-24: 6rem;
  --chakra-spacing-28: 7rem;
  --chakra-spacing-32: 8rem;
  --chakra-spacing-36: 9rem;
  --chakra-spacing-40: 10rem;
  --chakra-spacing-44: 11rem;
  --chakra-spacing-48: 12rem;
  --chakra-spacing-52: 13rem;
  --chakra-spacing-56: 14rem;
  --chakra-spacing-60: 15rem;
  --chakra-spacing-64: 16rem;
  --chakra-spacing-72: 18rem;
  --chakra-spacing-80: 20rem;
  --chakra-spacing-96: 24rem;
  --chakra-spacing-0\.5: 0.125rem;
  --chakra-spacing-1\.5: 0.375rem;
  --chakra-spacing-2\.5: 0.625rem;
  --chakra-spacing-3\.5: 0.875rem;
  --chakra-spacing-4\.5: 1.125rem;
  --chakra-sizes-1: 0.25rem;
  --chakra-sizes-2: 0.5rem;
  --chakra-sizes-3: 0.75rem;
  --chakra-sizes-4: 1rem;
  --chakra-sizes-5: 1.25rem;
  --chakra-sizes-6: 1.5rem;
  --chakra-sizes-7: 1.75rem;
  --chakra-sizes-8: 2rem;
  --chakra-sizes-9: 2.25rem;
  --chakra-sizes-10: 2.5rem;
  --chakra-sizes-11: 2.75rem;
  --chakra-sizes-12: 3rem;
  --chakra-sizes-14: 3.5rem;
  --chakra-sizes-16: 4rem;
  --chakra-sizes-20: 5rem;
  --chakra-sizes-24: 6rem;
  --chakra-sizes-28: 7rem;
  --chakra-sizes-32: 8rem;
  --chakra-sizes-36: 9rem;
  --chakra-sizes-40: 10rem;
  --chakra-sizes-44: 11rem;
  --chakra-sizes-48: 12rem;
  --chakra-sizes-52: 13rem;
  --chakra-sizes-56: 14rem;
  --chakra-sizes-60: 15rem;
  --chakra-sizes-64: 16rem;
  --chakra-sizes-72: 18rem;
  --chakra-sizes-80: 20rem;
  --chakra-sizes-96: 24rem;
  --chakra-sizes-3xs: 14rem;
  --chakra-sizes-2xs: 16rem;
  --chakra-sizes-xs: 20rem;
  --chakra-sizes-sm: 24rem;
  --chakra-sizes-md: 28rem;
  --chakra-sizes-lg: 32rem;
  --chakra-sizes-xl: 36rem;
  --chakra-sizes-2xl: 42rem;
  --chakra-sizes-3xl: 48rem;
  --chakra-sizes-4xl: 56rem;
  --chakra-sizes-5xl: 64rem;
  --chakra-sizes-6xl: 72rem;
  --chakra-sizes-7xl: 80rem;
  --chakra-sizes-8xl: 90rem;
  --chakra-sizes-0\.5: 0.125rem;
  --chakra-sizes-1\.5: 0.375rem;
  --chakra-sizes-2\.5: 0.625rem;
  --chakra-sizes-3\.5: 0.875rem;
  --chakra-sizes-4\.5: 1.125rem;
  --chakra-sizes-1\/2: 50%;
  --chakra-sizes-1\/3: 33.333333%;
  --chakra-sizes-2\/3: 66.666667%;
  --chakra-sizes-1\/4: 25%;
  --chakra-sizes-3\/4: 75%;
  --chakra-sizes-1\/5: 20%;
  --chakra-sizes-2\/5: 40%;
  --chakra-sizes-3\/5: 60%;
  --chakra-sizes-4\/5: 80%;
  --chakra-sizes-1\/6: 16.666667%;
  --chakra-sizes-2\/6: 33.333333%;
  --chakra-sizes-3\/6: 50%;
  --chakra-sizes-4\/6: 66.666667%;
  --chakra-sizes-5\/6: 83.333333%;
  --chakra-sizes-1\/12: 8.333333%;
  --chakra-sizes-2\/12: 16.666667%;
  --chakra-sizes-3\/12: 25%;
  --chakra-sizes-4\/12: 33.333333%;
  --chakra-sizes-5\/12: 41.666667%;
  --chakra-sizes-6\/12: 50%;
  --chakra-sizes-7\/12: 58.333333%;
  --chakra-sizes-8\/12: 66.666667%;
  --chakra-sizes-9\/12: 75%;
  --chakra-sizes-10\/12: 83.333333%;
  --chakra-sizes-11\/12: 91.666667%;
  --chakra-sizes-max: max-content;
  --chakra-sizes-min: min-content;
  --chakra-sizes-fit: fit-content;
  --chakra-sizes-prose: 60ch;
  --chakra-sizes-full: 100%;
  --chakra-sizes-dvh: 100dvh;
  --chakra-sizes-svh: 100svh;
  --chakra-sizes-lvh: 100lvh;
  --chakra-sizes-dvw: 100dvw;
  --chakra-sizes-svw: 100svw;
  --chakra-sizes-lvw: 100lvw;
  --chakra-sizes-vw: 100vw;
  --chakra-sizes-vh: 100vh;
  --chakra-sizes-breakpoint-sm: 480px;
  --chakra-sizes-breakpoint-md: 768px;
  --chakra-sizes-breakpoint-lg: 1024px;
  --chakra-sizes-breakpoint-xl: 1280px;
  --chakra-sizes-breakpoint-2xl: 1536px;
  --chakra-z-index-hide: -1;
  --chakra-z-index-base: 0;
  --chakra-z-index-docked: 10;
  --chakra-z-index-dropdown: 1000;
  --chakra-z-index-sticky: 1100;
  --chakra-z-index-banner: 1200;
  --chakra-z-index-overlay: 1300;
  --chakra-z-index-modal: 1400;
  --chakra-z-index-popover: 1500;
  --chakra-z-index-skip-nav: 1600;
  --chakra-z-index-toast: 1700;
  --chakra-z-index-tooltip: 1800;
  --chakra-z-index-max: 2147483647;
  --chakra-cursor-button: pointer;
  --chakra-cursor-checkbox: default;
  --chakra-cursor-disabled: not-allowed;
  --chakra-cursor-menuitem: default;
  --chakra-cursor-option: default;
  --chakra-cursor-radio: default;
  --chakra-cursor-slider: default;
  --chakra-cursor-switch: pointer;
  --chakra-breakpoints-sm: 480px;
  --chakra-breakpoints-md: 768px;
  --chakra-breakpoints-lg: 1024px;
  --chakra-breakpoints-xl: 1280px;
  --chakra-breakpoints-2xl: 1536px;
  --chakra-radii-l1: var(--chakra-radii-xs);
  --chakra-radii-l2: var(--chakra-radii-sm);
  --chakra-radii-l3: var(--chakra-radii-md);
}
:root,
.light {
  --chakra-colors-bg: var(--chakra-colors-white);
  --chakra-colors-bg-subtle: var(--chakra-colors-gray-50);
  --chakra-colors-bg-muted: var(--chakra-colors-gray-100);
  --chakra-colors-bg-emphasized: var(--chakra-colors-gray-200);
  --chakra-colors-bg-inverted: var(--chakra-colors-black);
  --chakra-colors-bg-panel: var(--chakra-colors-white);
  --chakra-colors-bg-error: var(--chakra-colors-red-50);
  --chakra-colors-bg-warning: var(--chakra-colors-orange-50);
  --chakra-colors-bg-success: var(--chakra-colors-green-50);
  --chakra-colors-bg-info: var(--chakra-colors-blue-50);
  --chakra-colors-fg: var(--chakra-colors-black);
  --chakra-colors-fg-muted: var(--chakra-colors-gray-600);
  --chakra-colors-fg-subtle: var(--chakra-colors-gray-400);
  --chakra-colors-fg-inverted: var(--chakra-colors-gray-50);
  --chakra-colors-fg-error: var(--chakra-colors-red-500);
  --chakra-colors-fg-warning: var(--chakra-colors-orange-600);
  --chakra-colors-fg-success: var(--chakra-colors-green-600);
  --chakra-colors-fg-info: var(--chakra-colors-blue-600);
  --chakra-colors-border: var(--chakra-colors-gray-200);
  --chakra-colors-border-muted: var(--chakra-colors-gray-100);
  --chakra-colors-border-subtle: var(--chakra-colors-gray-50);
  --chakra-colors-border-emphasized: var(--chakra-colors-gray-300);
  --chakra-colors-border-inverted: var(--chakra-colors-gray-800);
  --chakra-colors-border-error: var(--chakra-colors-red-500);
  --chakra-colors-border-warning: var(--chakra-colors-orange-500);
  --chakra-colors-border-success: var(--chakra-colors-green-500);
  --chakra-colors-border-info: var(--chakra-colors-blue-500);
  --chakra-colors-gray-contrast: var(--chakra-colors-white);
  --chakra-colors-gray-fg: var(--chakra-colors-gray-800);
  --chakra-colors-gray-subtle: var(--chakra-colors-gray-100);
  --chakra-colors-gray-muted: var(--chakra-colors-gray-200);
  --chakra-colors-gray-emphasized: var(--chakra-colors-gray-300);
  --chakra-colors-gray-solid: var(--chakra-colors-gray-900);
  --chakra-colors-gray-focus-ring: var(--chakra-colors-gray-800);
  --chakra-colors-red-contrast: white;
  --chakra-colors-red-fg: var(--chakra-colors-red-700);
  --chakra-colors-red-subtle: var(--chakra-colors-red-100);
  --chakra-colors-red-muted: var(--chakra-colors-red-200);
  --chakra-colors-red-emphasized: var(--chakra-colors-red-300);
  --chakra-colors-red-solid: var(--chakra-colors-red-600);
  --chakra-colors-red-focus-ring: var(--chakra-colors-red-600);
  --chakra-colors-orange-contrast: white;
  --chakra-colors-orange-fg: var(--chakra-colors-orange-700);
  --chakra-colors-orange-subtle: var(--chakra-colors-orange-100);
  --chakra-colors-orange-muted: var(--chakra-colors-orange-200);
  --chakra-colors-orange-emphasized: var(--chakra-colors-orange-300);
  --chakra-colors-orange-solid: var(--chakra-colors-orange-600);
  --chakra-colors-orange-focus-ring: var(--chakra-colors-orange-600);
  --chakra-colors-green-contrast: white;
  --chakra-colors-green-fg: var(--chakra-colors-green-700);
  --chakra-colors-green-subtle: var(--chakra-colors-green-100);
  --chakra-colors-green-muted: var(--chakra-colors-green-200);
  --chakra-colors-green-emphasized: var(--chakra-colors-green-300);
  --chakra-colors-green-solid: var(--chakra-colors-green-600);
  --chakra-colors-green-focus-ring: var(--chakra-colors-green-600);
  --chakra-colors-blue-contrast: white;
  --chakra-colors-blue-fg: var(--chakra-colors-blue-700);
  --chakra-colors-blue-subtle: var(--chakra-colors-blue-100);
  --chakra-colors-blue-muted: var(--chakra-colors-blue-200);
  --chakra-colors-blue-emphasized: var(--chakra-colors-blue-300);
  --chakra-colors-blue-solid: var(--chakra-colors-blue-600);
  --chakra-colors-blue-focus-ring: var(--chakra-colors-blue-600);
  --chakra-colors-yellow-contrast: black;
  --chakra-colors-yellow-fg: var(--chakra-colors-yellow-800);
  --chakra-colors-yellow-subtle: var(--chakra-colors-yellow-100);
  --chakra-colors-yellow-muted: var(--chakra-colors-yellow-200);
  --chakra-colors-yellow-emphasized: var(--chakra-colors-yellow-300);
  --chakra-colors-yellow-solid: var(--chakra-colors-yellow-300);
  --chakra-colors-yellow-focus-ring: var(--chakra-colors-yellow-300);
  --chakra-colors-teal-contrast: white;
  --chakra-colors-teal-fg: var(--chakra-colors-teal-700);
  --chakra-colors-teal-subtle: var(--chakra-colors-teal-100);
  --chakra-colors-teal-muted: var(--chakra-colors-teal-200);
  --chakra-colors-teal-emphasized: var(--chakra-colors-teal-300);
  --chakra-colors-teal-solid: var(--chakra-colors-teal-600);
  --chakra-colors-teal-focus-ring: var(--chakra-colors-teal-600);
  --chakra-colors-purple-contrast: white;
  --chakra-colors-purple-fg: var(--chakra-colors-purple-700);
  --chakra-colors-purple-subtle: var(--chakra-colors-purple-100);
  --chakra-colors-purple-muted: var(--chakra-colors-purple-200);
  --chakra-colors-purple-emphasized: var(--chakra-colors-purple-300);
  --chakra-colors-purple-solid: var(--chakra-colors-purple-600);
  --chakra-colors-purple-focus-ring: var(--chakra-colors-purple-600);
  --chakra-colors-pink-contrast: white;
  --chakra-colors-pink-fg: var(--chakra-colors-pink-700);
  --chakra-colors-pink-subtle: var(--chakra-colors-pink-100);
  --chakra-colors-pink-muted: var(--chakra-colors-pink-200);
  --chakra-colors-pink-emphasized: var(--chakra-colors-pink-300);
  --chakra-colors-pink-solid: var(--chakra-colors-pink-600);
  --chakra-colors-pink-focus-ring: var(--chakra-colors-pink-600);
  --chakra-colors-cyan-contrast: white;
  --chakra-colors-cyan-fg: var(--chakra-colors-cyan-700);
  --chakra-colors-cyan-subtle: var(--chakra-colors-cyan-100);
  --chakra-colors-cyan-muted: var(--chakra-colors-cyan-200);
  --chakra-colors-cyan-emphasized: var(--chakra-colors-cyan-300);
  --chakra-colors-cyan-solid: var(--chakra-colors-cyan-600);
  --chakra-colors-cyan-focus-ring: var(--chakra-colors-cyan-600);
  --chakra-shadows-xs: 0px 1px 2px color-mix(in srgb, var(--chakra-colors-gray-900) 10%, transparent), 0px 0px 1px color-mix(in srgb, var(--chakra-colors-gray-900) 20%, transparent);
  --chakra-shadows-sm: 0px 2px 4px color-mix(in srgb, var(--chakra-colors-gray-900) 10%, transparent), 0px 0px 1px color-mix(in srgb, var(--chakra-colors-gray-900) 30%, transparent);
  --chakra-shadows-md: 0px 4px 8px color-mix(in srgb, var(--chakra-colors-gray-900) 10%, transparent), 0px 0px 1px color-mix(in srgb, var(--chakra-colors-gray-900) 30%, transparent);
  --chakra-shadows-lg: 0px 8px 16px color-mix(in srgb, var(--chakra-colors-gray-900) 10%, transparent), 0px 0px 1px color-mix(in srgb, var(--chakra-colors-gray-900) 30%, transparent);
  --chakra-shadows-xl: 0px 16px 24px color-mix(in srgb, var(--chakra-colors-gray-900) 10%, transparent), 0px 0px 1px color-mix(in srgb, var(--chakra-colors-gray-900) 30%, transparent);
  --chakra-shadows-2xl: 0px 24px 40px color-mix(in srgb, var(--chakra-colors-gray-900) 16%, transparent), 0px 0px 1px color-mix(in srgb, var(--chakra-colors-gray-900) 30%, transparent);
  --chakra-shadows-inner: inset 0 2px 4px 0 color-mix(in srgb, black 5%, transparent);
  --chakra-shadows-inset: inset 0 0 0 1px color-mix(in srgb, black 5%, transparent);
}
.dark,
.dark .chakra-theme:not(.light) {
  --chakra-colors-bg: var(--chakra-colors-black);
  --chakra-colors-bg-subtle: var(--chakra-colors-gray-950);
  --chakra-colors-bg-muted: var(--chakra-colors-gray-900);
  --chakra-colors-bg-emphasized: var(--chakra-colors-gray-800);
  --chakra-colors-bg-inverted: var(--chakra-colors-white);
  --chakra-colors-bg-panel: var(--chakra-colors-gray-950);
  --chakra-colors-bg-error: var(--chakra-colors-red-950);
  --chakra-colors-bg-warning: var(--chakra-colors-orange-950);
  --chakra-colors-bg-success: var(--chakra-colors-green-950);
  --chakra-colors-bg-info: var(--chakra-colors-blue-950);
  --chakra-colors-fg: var(--chakra-colors-gray-50);
  --chakra-colors-fg-muted: var(--chakra-colors-gray-400);
  --chakra-colors-fg-subtle: var(--chakra-colors-gray-500);
  --chakra-colors-fg-inverted: var(--chakra-colors-black);
  --chakra-colors-fg-error: var(--chakra-colors-red-400);
  --chakra-colors-fg-warning: var(--chakra-colors-orange-300);
  --chakra-colors-fg-success: var(--chakra-colors-green-300);
  --chakra-colors-fg-info: var(--chakra-colors-blue-300);
  --chakra-colors-border: var(--chakra-colors-gray-800);
  --chakra-colors-border-muted: var(--chakra-colors-gray-900);
  --chakra-colors-border-subtle: var(--chakra-colors-gray-950);
  --chakra-colors-border-emphasized: var(--chakra-colors-gray-700);
  --chakra-colors-border-inverted: var(--chakra-colors-gray-200);
  --chakra-colors-border-error: var(--chakra-colors-red-400);
  --chakra-colors-border-warning: var(--chakra-colors-orange-400);
  --chakra-colors-border-success: var(--chakra-colors-green-400);
  --chakra-colors-border-info: var(--chakra-colors-blue-400);
  --chakra-colors-gray-contrast: var(--chakra-colors-black);
  --chakra-colors-gray-fg: var(--chakra-colors-gray-200);
  --chakra-colors-gray-subtle: var(--chakra-colors-gray-900);
  --chakra-colors-gray-muted: var(--chakra-colors-gray-800);
  --chakra-colors-gray-emphasized: var(--chakra-colors-gray-700);
  --chakra-colors-gray-solid: var(--chakra-colors-white);
  --chakra-colors-gray-focus-ring: var(--chakra-colors-gray-200);
  --chakra-colors-red-contrast: white;
  --chakra-colors-red-fg: var(--chakra-colors-red-300);
  --chakra-colors-red-subtle: var(--chakra-colors-red-900);
  --chakra-colors-red-muted: var(--chakra-colors-red-800);
  --chakra-colors-red-emphasized: var(--chakra-colors-red-700);
  --chakra-colors-red-solid: var(--chakra-colors-red-600);
  --chakra-colors-red-focus-ring: var(--chakra-colors-red-600);
  --chakra-colors-orange-contrast: black;
  --chakra-colors-orange-fg: var(--chakra-colors-orange-300);
  --chakra-colors-orange-subtle: var(--chakra-colors-orange-900);
  --chakra-colors-orange-muted: var(--chakra-colors-orange-800);
  --chakra-colors-orange-emphasized: var(--chakra-colors-orange-700);
  --chakra-colors-orange-solid: var(--chakra-colors-orange-500);
  --chakra-colors-orange-focus-ring: var(--chakra-colors-orange-500);
  --chakra-colors-green-contrast: white;
  --chakra-colors-green-fg: var(--chakra-colors-green-300);
  --chakra-colors-green-subtle: var(--chakra-colors-green-900);
  --chakra-colors-green-muted: var(--chakra-colors-green-800);
  --chakra-colors-green-emphasized: var(--chakra-colors-green-700);
  --chakra-colors-green-solid: var(--chakra-colors-green-600);
  --chakra-colors-green-focus-ring: var(--chakra-colors-green-600);
  --chakra-colors-blue-contrast: white;
  --chakra-colors-blue-fg: var(--chakra-colors-blue-300);
  --chakra-colors-blue-subtle: var(--chakra-colors-blue-900);
  --chakra-colors-blue-muted: var(--chakra-colors-blue-800);
  --chakra-colors-blue-emphasized: var(--chakra-colors-blue-700);
  --chakra-colors-blue-solid: var(--chakra-colors-blue-600);
  --chakra-colors-blue-focus-ring: var(--chakra-colors-blue-600);
  --chakra-colors-yellow-contrast: black;
  --chakra-colors-yellow-fg: var(--chakra-colors-yellow-300);
  --chakra-colors-yellow-subtle: var(--chakra-colors-yellow-900);
  --chakra-colors-yellow-muted: var(--chakra-colors-yellow-800);
  --chakra-colors-yellow-emphasized: var(--chakra-colors-yellow-700);
  --chakra-colors-yellow-solid: var(--chakra-colors-yellow-300);
  --chakra-colors-yellow-focus-ring: var(--chakra-colors-yellow-300);
  --chakra-colors-teal-contrast: white;
  --chakra-colors-teal-fg: var(--chakra-colors-teal-300);
  --chakra-colors-teal-subtle: var(--chakra-colors-teal-900);
  --chakra-colors-teal-muted: var(--chakra-colors-teal-800);
  --chakra-colors-teal-emphasized: var(--chakra-colors-teal-700);
  --chakra-colors-teal-solid: var(--chakra-colors-teal-600);
  --chakra-colors-teal-focus-ring: var(--chakra-colors-teal-600);
  --chakra-colors-purple-contrast: white;
  --chakra-colors-purple-fg: var(--chakra-colors-purple-300);
  --chakra-colors-purple-subtle: var(--chakra-colors-purple-900);
  --chakra-colors-purple-muted: var(--chakra-colors-purple-800);
  --chakra-colors-purple-emphasized: var(--chakra-colors-purple-700);
  --chakra-colors-purple-solid: var(--chakra-colors-purple-600);
  --chakra-colors-purple-focus-ring: var(--chakra-colors-purple-600);
  --chakra-colors-pink-contrast: white;
  --chakra-colors-pink-fg: var(--chakra-colors-pink-300);
  --chakra-colors-pink-subtle: var(--chakra-colors-pink-900);
  --chakra-colors-pink-muted: var(--chakra-colors-pink-800);
  --chakra-colors-pink-emphasized: var(--chakra-colors-pink-700);
  --chakra-colors-pink-solid: var(--chakra-colors-pink-600);
  --chakra-colors-pink-focus-ring: var(--chakra-colors-pink-600);
  --chakra-colors-cyan-contrast: white;
  --chakra-colors-cyan-fg: var(--chakra-colors-cyan-300);
  --chakra-colors-cyan-subtle: var(--chakra-colors-cyan-900);
  --chakra-colors-cyan-muted: var(--chakra-colors-cyan-800);
  --chakra-colors-cyan-emphasized: var(--chakra-colors-cyan-700);
  --chakra-colors-cyan-solid: var(--chakra-colors-cyan-600);
  --chakra-colors-cyan-focus-ring: var(--chakra-colors-cyan-600);
  --chakra-shadows-xs: 0px 1px 1px color-mix(in srgb, black 64%, transparent), 0px 0px 1px inset color-mix(in srgb, var(--chakra-colors-gray-300) 20%, transparent);
  --chakra-shadows-sm: 0px 2px 4px color-mix(in srgb, black 64%, transparent), 0px 0px 1px inset color-mix(in srgb, var(--chakra-colors-gray-300) 30%, transparent);
  --chakra-shadows-md: 0px 4px 8px color-mix(in srgb, black 64%, transparent), 0px 0px 1px inset color-mix(in srgb, var(--chakra-colors-gray-300) 30%, transparent);
  --chakra-shadows-lg: 0px 8px 16px color-mix(in srgb, black 64%, transparent), 0px 0px 1px inset color-mix(in srgb, var(--chakra-colors-gray-300) 30%, transparent);
  --chakra-shadows-xl: 0px 16px 24px color-mix(in srgb, black 64%, transparent), 0px 0px 1px inset color-mix(in srgb, var(--chakra-colors-gray-300) 30%, transparent);
  --chakra-shadows-2xl: 0px 24px 40px color-mix(in srgb, black 64%, transparent), 0px 0px 1px inset color-mix(in srgb, var(--chakra-colors-gray-300) 30%, transparent);
  --chakra-shadows-inner: inset 0 2px 4px 0 black;
  --chakra-shadows-inset: inset 0 0 0 1px color-mix(in srgb, var(--chakra-colors-gray-300) 5%, transparent);
}
html {
  --bg-currentcolor: var(--chakra-colors-bg);
  --chakra-colors-color-palette-50: var(--chakra-colors-gray-50);
  --chakra-colors-color-palette-100: var(--chakra-colors-gray-100);
  --chakra-colors-color-palette-200: var(--chakra-colors-gray-200);
  --chakra-colors-color-palette-300: var(--chakra-colors-gray-300);
  --chakra-colors-color-palette-400: var(--chakra-colors-gray-400);
  --chakra-colors-color-palette-500: var(--chakra-colors-gray-500);
  --chakra-colors-color-palette-600: var(--chakra-colors-gray-600);
  --chakra-colors-color-palette-700: var(--chakra-colors-gray-700);
  --chakra-colors-color-palette-800: var(--chakra-colors-gray-800);
  --chakra-colors-color-palette-900: var(--chakra-colors-gray-900);
  --chakra-colors-color-palette-950: var(--chakra-colors-gray-950);
  --chakra-colors-color-palette-contrast: var(--chakra-colors-gray-contrast);
  --chakra-colors-color-palette-fg: var(--chakra-colors-gray-fg);
  --chakra-colors-color-palette-subtle: var(--chakra-colors-gray-subtle);
  --chakra-colors-color-palette-muted: var(--chakra-colors-gray-muted);
  --chakra-colors-color-palette-emphasized: var(--chakra-colors-gray-emphasized);
  --chakra-colors-color-palette-solid: var(--chakra-colors-gray-solid);
  --chakra-colors-color-palette-focus-ring: var(--chakra-colors-gray-focus-ring);
}
:root {
  --colour-primary-midnight-2: #0E0E4F;
  --colour-primary-midnight-50: #36366B;
  --colour-primary-midnight-30: #8686A6;
  --colour-primary-midnight-10: #CFCFDB;
  --colour-primary-aloe: #9BE3BF;
  --colour-primary-aloe-50: #ACE8CA;
  --colour-primary-aloe-30: #CDF1DF;
  --colour-primary-aloe-10: #DEF6EA;
  --colour-secondary-kingfisher: #2A8A75;
  --colour-secondary-kingfisher-40: #71B0A3;
  --colour-secondary-kingfisher-20: #B8D8D1;
  --colour-secondary-kingfisher-10: #D4E7E3;
  --colour-secondary-banksia: #FFD145;
  --colour-secondary-banksia-30: #FFE8A2;
  --colour-secondary-banksia-20: #FFE8A2;
  --colour-secondary-banksia-10: #FFF6DA;
  --colour-background-maleny: #FEFCF9;
  --colour-background-card-2: #FFFFFE;
  --colour-font-creme: #FFFEFD;
  --colour-font-pebble: #EBEBE8;
  --colour-font-coal: #2F3133;
  --semantic-bg-canvas: #FFFEFB;
  --semantic-bg-subtle: #F4F6F7;
  --semantic-bg-muted: #E6E9EB;
  --semantic-bg-surface: #FFFFFF;
  --semantic-bg-contrast: #131214;
  --semantic-bg-interactive-primary: #E6E9EB;
  --semantic-bg-interactive-secondary: #DADDDE;
  --semantic-bg-interactive-teriary: #C1C4C6;
  --semantic-bg-disabled: #DADDDE;
  --semantic-bg-success: #E8FAF0;
  --semantic-bg-success-contrast: #008557;
  --semantic-bg-error: #FFF3F0;
  --semantic-bg-error-contrast: #DB340B;
  --semantic-bg-warning: #FFF9E6;
  --semantic-bg-warning-contrast: #FFD84D;
  --semantic-bg-info: #F2F7FF;
  --semantic-bg-info-contrast: #0A69FA;
  --semantic-bg-notification: #DB340B;
  --semantic-bg-overlay: #000000B2;
  --semantic-bg-danger-primary: #FF5226;
  --semantic-bg-danger-secondary: #DB340B;
  --semantic-bg-danger-tertiary: #AD1D00;
  --semantic-fg-base: #131214;
  --semantic-fg-muted: #6E7375;
  --semantic-fg-subtle: #898D8F;
  --semantic-fg-on-contrast: #FFFFFF;
  --semantic-fg-disabled: #898D8F;
  --semantic-fg-link: #9BEBBF;
  --semantic-fg-success: #008557;
  --semantic-fg-warning: #B26205;
  --semantic-fg-error: #DB340B;
  --semantic-fg-info: #0A69FA;
  --semantic-fg-danger: #DB340B;
  --semantic-fg-static-light: #FFFFFF;
  --semantic-fg-static-dark: #131214;
  --semantic-border-subtle: #E8EBEB;
  --semantic-border-muted: #DADDDE;
  --semantic-border-interactive-primary: #DADDDE;
  --semantic-border-contrast: #131214;
  --semantic-border-disabled: #C1C4C6;
  --semantic-border-error: #FF9175;
  --semantic-accent-on-accent: #FFF;
  --semantic-accent-subtle: #D7F5E5;
  --semantic-accent-muted: #D7F5E5;
  --semantic-accent-dim: #D7F5E5;
  --semantic-accent-moderate: #9BEBBF;
  --semantic-accent-bold: #51C285;
  --semantic-accent-strong: #006341;
  --semantic-accent-intense: #000136;
  --global-yellow-30: #FFD84D;
  --global-yellow-60: #B26205;
  --global-red-60: #DB340B;
  --global-red-70: #AD1D00;
  --global-green-70: #006341;
  --global-blue-80: #003C94;
  --global-grey-10: #F4F6F7;
  --global-grey-20: #E6E9EB;
  --global-grey-30: #DADDDE;
  --global-grey-40: #C1C4C6;
  --global-grey-50: #898D8F;
  --global-grey-60: #6E7375;
  --global-grey-70: #53575A;
  --global-grey-80: #2F3133;
  --global-grey-90: #1F2224;
  --global-grey-100: #131214;
  --input-padding: var(--chakra-spacing-4);
  --pending-yellow: #F5B700;
  --approved-green: #238771;
  --settled-blue: #035CB4;
  --declined-red: #A80F00;
  --discarded-grey: #5F6368;
}
a,
.link-text,
button.link {
  color: var(--colour-primary-midnight);
}