@charset "UTF-8";

/* src/global.scss */
@font-face {
  font-family: "Material Symbols Outlined";
  font-style: normal;
  font-weight: 100 700;
  font-display: block;
  src: url("./media/material-symbols-outlined.woff2") format("woff2");
}
.material-symbols-outlined {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
@font-face {
  font-family: "Material Symbols Rounded";
  font-style: normal;
  font-weight: 100 700;
  font-display: block;
  src: url("./media/material-symbols-rounded.woff2") format("woff2");
}
.material-symbols-rounded {
  font-family: "Material Symbols Rounded";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
@font-face {
  font-family: "Material Symbols Sharp";
  font-style: normal;
  font-weight: 100 700;
  font-display: block;
  src: url("./media/material-symbols-sharp.woff2") format("woff2");
}
.material-symbols-sharp {
  font-family: "Material Symbols Sharp";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
:root {
  --color-background-menu: #333333;
  --bp-sm: 640px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --bp-xl: 1280px;
  --bp-xxl: 1536px;
}
.match-item-action-sheet .action-sheet-title {
  background: var(--ion-color-secondary);
  color: Black;
  font-family: Soehne, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.75rem;
  letter-spacing: -0.019rem;
  font-style: normal;
}
.match-item-action-sheet .action-sheet-sub-title {
  color: grey;
  padding-top: 0px;
}
.match-item-action-sheet .action-sheet-group:first-of-type {
  border-radius: 4px 4px 0px 0px;
}
.match-item-action-sheet .action-sheet-button {
  border-bottom: 1px solid var(--ion-color-medium);
  padding: 16px;
}
.match-item-action-sheet .action-sheet-cancel {
  color: var(--ion-color-danger);
}
ion-modal.auto-height.bottom {
  align-items: flex-end;
}
ion-modal.auto-height.no-limit {
  --max-width: 100vw;
}
ion-modal.auto-height::part(content) {
  border-radius: 4px;
}
@media only screen and (orientation: landscape) {
  ion-modal.auto-height {
    --height: auto;
    --width: auto;
    --min-width: 400px;
    --max-width: calc(60% - 1px);
  }
  ion-modal.auto-height.big {
    --max-width: calc(80% - 1px);
  }
}
@media only screen and (orientation: portrait) {
  ion-modal.auto-height {
    --height: auto;
    --width: auto;
    --max-width: calc(100% - 32px);
  }
}
ion-modal.auto-height .ion-page {
  position: relative;
  display: block;
  contain: content;
}
ion-modal.auto-height .ion-page .inner-content {
  overflow-y: hidden;
  padding: var(--spacing-base);
}
ion-modal.doka-modal-wrapper {
  overflow-y: auto;
}
ion-modal.doka-modal-wrapper::part(content) {
  --height: auto;
  --width: auto;
  --max-width: calc(100% - 32px);
  --max-height: calc(80% - 1px + 1px);
  --border-raidus: 4px;
  flex-direction: column;
  display: flex;
}
@media screen and (max-width: 640px) {
  ion-modal.doka-modal-wrapper::part(content) {
    --height: calc(100% - 1px + 1px);
    --width: calc(100% - 1px + 1px);
    --max-width: calc(100% - 1px + 1px);
    --max-height: calc(100% - 1px + 1px);
  }
}
ion-modal.doka-modal-wrapper .ion-page {
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
ion-modal.doka-alert-wrapper {
  overflow-y: auto;
}
ion-modal.doka-alert-wrapper::part(content) {
  --max-width: 500px;
  --max-height: 350px;
  --height: auto;
  --width: auto;
  --border-radius: 0px;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 640px) {
  ion-modal.doka-alert-wrapper::part(content) {
    --max-width: calc(100% - 32px);
  }
}
ion-modal.doka-alert-wrapper .ion-page {
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
ion-modal.doka-modal-page-wrapper {
  overflow-y: auto;
}
ion-modal.doka-modal-page-wrapper::part(content) {
  --height: calc(100% - 1px + 1px);
  --width: calc(100% - 1px + 1px);
  --max-width: calc(100% - 1px + 1px);
  --max-height: calc(100% - 1px + 1px);
  flex-direction: column;
  display: flex;
}
ion-modal.doka-modal-page-wrapper .ion-page {
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
ion-modal.doka-modal-page-wrapper .doka-page-wrapper {
  height: 100%;
  width: 100%;
}
ion-modal.doka-modal-slide-over-wrapper::part(content) {
  --max-width: 100%;
  --max-width: min(90vw, 640px);
  --width: max-content;
  --max-height: 100%;
  --height: 100%;
  position: absolute;
  border-radius: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  opacity: 1;
  display: flex;
}
ion-modal.doka-modal-slide-over-wrapper .ion-page {
  overflow-y: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
}
ion-modal.doka-modal-slide-over-wrapper.show-modal::part(content) {
  transform: translateX(0) !important;
}
ion-modal.date-picker::part(content) {
  border-radius: 4px;
}
@media only screen and (orientation: landscape) {
  ion-modal.date-picker::part(content) {
    --height: calc(80% - 0.1px);
    --width: calc(50% - 0.1px);
  }
}
@media only screen and (orientation: portrait) and (max-width: 640px) {
  ion-modal.date-picker::part(content) {
    --height: calc(100% - 1px + 1px);
    --width: calc(100% - 1px + 1px);
  }
}
@media only screen and (orientation: portrait) and (min-width: 640px) {
  ion-modal.date-picker::part(content) {
    --height: calc(50% - 1px + 1px);
    --width: calc(80% - 1px + 1px);
  }
}
ion-modal.date-picker .ion-page {
  position: relative;
  height: 100%;
  width: 100%;
  display: block;
  contain: content;
}
ion-modal.date-picker .ion-page .inner-content {
  overflow-y: hidden;
  padding: var(--spacing-base);
}
ion-modal.modal-default.show-modal:last-of-type {
  --box-shadow: 0 28px 48px rgba(0, 0, 0, 0.4);
  --backdrop-opacity: var(--ion-backdrop-opacity, 0.32);
}
ion-modal.errorModal {
  --height: auto;
  --width: auto;
  --min-width: 400px;
  --min-height: 200px;
  --max-width: 90vw;
  --max-height: calc(100vh - 112px - (2 * var(--spacing-base)));
}
ion-modal.errorModal::part(content) {
  border: 2px solid var(--color-border-alert);
  border-radius: 5px;
}
ion-modal.small-modal {
  --max-width: calc(100vw - 24px);
}
@media (min-width: 640px) {
  ion-modal.small-modal {
    --max-width: 25rem;
  }
}
ion-popover.date-picker-popover {
  --width: fit-content;
  --height: auto;
}
.doka-modal-description li {
  list-style-type: "- ";
  margin-left: 10px;
}
.doka-button-danger,
.doka-button-secondary {
  border-style: solid;
}
h1 {
  font-family: Soehne, sans-serif;
  font-size: 3.75rem;
  font-weight: 600;
  line-height: 3.75rem;
  letter-spacing: -0.004rem;
  font-style: normal;
}
h2 {
  font-family: Soehne, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 3rem;
  letter-spacing: -0.063rem;
  font-style: normal;
}
h3 {
  letter-spacing: -0.002rem;
  line-height: 2.5rem;
  font-family: Soehne, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 2.25rem;
}
h4 {
  font-family: Soehne, sans-serif;
  font-size: 1.875rem;
  font-weight: 600;
  line-height: 2.25rem;
  letter-spacing: -0.031rem;
  font-style: normal;
}
h5 {
  font-family: Soehne, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2rem;
  letter-spacing: -0.025rem;
  font-style: normal;
}
h6 {
  font-family: Soehne, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.75rem;
  letter-spacing: -0.019rem;
  font-style: normal;
}
body {
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: 0;
  font-style: normal;
}
html,
body {
  min-height: 100%;
  margin: 0;
  padding: 0;
}
* :where:not(.sb-unstyled) {
  font-family: Soehne, sans-serif;
}
.bold {
  font-weight: 600;
}
.doka-action-sheet .action-sheet-container {
  border-radius: 4px 4px 0px 0px;
  overflow: hidden;
}
.doka-action-sheet .action-sheet-cancel {
  color: var(--color-text-alert);
}
.doka-action-sheet .action-sheet-cancel:hover {
  color: var(--color-text-alert) !important;
}
:root {
  --sm: 40rem;
  --md: 48rem;
  --lg: 64rem;
  --xl: 80rem;
  --2xl: 96rem;
}
*,
:after,
:before {
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness:proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgba(59,130,246,.5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
::backdrop {
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness:proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgba(59,130,246,.5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/
*,
:after,
:before {
  border: 0 solid;
  box-sizing: border-box;
}
:after,
:before {
  --tw-content:"";
}
:host,
html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  font-family:
    ui-sans-serif,
    system-ui,
    sans-serif,
    Apple Color Emoji,
    Segoe UI Emoji,
    Segoe UI Symbol,
    Noto Color Emoji;
  font-feature-settings: normal;
  font-variation-settings: normal;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-tap-highlight-color: transparent;
}
body {
  line-height: inherit;
  margin: 0;
}
hr {
  border-top-width: 1px;
  color: inherit;
  height: 0;
}
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
a {
  color: inherit;
  text-decoration: inherit;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
pre,
samp {
  font-family:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    Liberation Mono,
    Courier New,
    monospace;
  font-feature-settings: normal;
  font-size: 1em;
  font-variation-settings: normal;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
table {
  border-collapse: collapse;
  border-color: inherit;
  text-indent: 0;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font-family: inherit;
  font-feature-settings: inherit;
  font-size: 100%;
  font-variation-settings: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0;
}
button,
select {
  text-transform: none;
}
button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
}
:-moz-focusring {
  outline: auto;
}
:-moz-ui-invalid {
  box-shadow: none;
}
progress {
  vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
summary {
  display: list-item;
}
blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
}
fieldset,
legend {
  padding: 0;
}
menu,
ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
dialog {
  padding: 0;
}
textarea {
  resize: vertical;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #9ca3af;
  opacity: 1;
}
input::placeholder,
textarea::placeholder {
  color: #9ca3af;
  opacity: 1;
}
[role=button],
button {
  cursor: pointer;
}
:disabled {
  cursor: default;
}
audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
  display: block;
  vertical-align: middle;
}
img,
video {
  height: auto;
  max-width: 100%;
}
[hidden]:where(:not([hidden=until-found])) {
  display: none;
}
.text-4xl {
  letter-spacing: -0.002rem;
  line-height: 2.5rem;
}
.button,
.text-4xl {
  font-family: Soehne, sans-serif;
  font-style: normal;
  font-weight: 600;
}
.button {
  align-items: baseline;
  border-radius: 0.375rem;
  display: inline-flex;
  font-size: 1rem;
  gap: var(--spacing-base);
  letter-spacing: 0;
  line-height: 1.5rem;
  padding: var(--spacing-base) var(--spacing-xl);
}
.button:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.button:disabled {
  cursor: not-allowed;
}
.button {
  border: 1px solid transparent;
  transition-duration: 0.15s;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.button,
.button:focus:enabled,
.button:hover:enabled {
  color: var(--color-text-inverted);
}
.button:disabled {
  color: var(--color-text-disabled);
}
.button {
  background-color: var(--color-background-accent);
}
.button:hover:enabled {
  background-color: var(--color-background-accent-hover);
}
.button:focus:enabled {
  background-color: var(--color-background-accent-focus);
}
.button:disabled {
  background-color: var(--color-background-disabled);
}
.button {
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
.button:has(.spinner) {
  color: transparent;
}
.button:not(:has(.spinner)) .button-icon {
  color: var(--color-icon-inverted);
}
.button > span {
  min-width: -moz-max-content;
  min-width: max-content;
}
.button .spinner {
  left: 50%;
  margin-left: -0.5rem;
  margin-top: -0.5rem;
  position: absolute;
  top: 50%;
}
.button .button-icon {
  align-self: center;
  display: flex;
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
}
.button:disabled:not(:has(.spinner)) .button-icon {
  color: var(--color-icon-disabled);
}
.button.button-secondary {
  background-color: var(--color-background-action);
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
}
.button.button-secondary:hover:enabled {
  background-color: var(--color-background-action-hover);
}
.button.button-secondary:focus:enabled {
  background-color: var(--color-background-action-focus);
}
.button.button-secondary:disabled {
  background-color: var(--color-background-action);
}
.button.button-secondary,
.button.button-secondary:focus:enabled,
.button.button-secondary:hover:enabled {
  color: var(--color-text-accent);
}
.button.button-secondary:disabled {
  color: var(--color-text-disabled-light);
}
.button.button-secondary {
  border-color: var(--color-border-accent);
}
.button.button-secondary:disabled {
  border-color: var(--color-border-disabled);
}
.button.button-secondary:has(.spinner) {
  color: transparent;
}
.button.button-secondary:not(:has(.spinner)) .button-icon {
  color: var(--color-icon-accent);
}
.button.button-secondary:disabled:not(:has(.spinner)) .button-icon {
  color: var(--color-icon-disabled-light);
}
.button.button-danger {
  background-color: var(--color-background-danger);
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
}
.button.button-danger:hover:enabled {
  background-color: var(--color-background-danger-hover);
}
.button.button-danger:focus:enabled {
  background-color: var(--color-background-danger-focus);
}
.button.button-danger:disabled {
  background-color: var(--color-background-danger);
}
.button.button-danger,
.button.button-danger:focus:enabled,
.button.button-danger:hover:enabled {
  color: var(--color-text-alert);
}
.button.button-danger:disabled {
  color: var(--color-text-disabled-light);
}
.button.button-danger {
  border-color: var(--color-border-alert);
}
.button.button-danger:disabled {
  border-color: var(--color-border-disabled);
}
.button.button-danger:has(.spinner) {
  color: transparent;
}
.button.button-danger:not(:has(.spinner)) .button-icon {
  color: var(--color-icon-alert);
}
.button.button-danger:disabled:not(:has(.spinner)) .button-icon {
  color: var(--color-icon-disabled-light);
}
.button.button-small.button {
  font-weight: 600;
  padding-bottom: 0.375rem;
  padding-left: var(--spacing-md);
  padding-right: var(--spacing-md);
  padding-top: 0.375rem;
}
.button.button-small.button,
.button.button-small.button-danger,
.button.button-small.button-secondary {
  font-family: Soehne, sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  letter-spacing: 0;
  line-height: 1.25rem;
}
.button.button-small.button-danger,
.button.button-small.button-secondary {
  font-weight: 400;
}
.button-group {
  display: inline-flex;
}
.button-group > :nth-child(n) {
  border-radius: 0;
  margin-right: -0.125rem;
}
.button-group > :nth-child(n) + button:disabled {
  border-left-width: 0;
  margin-left: 0.125rem;
}
.button-group > :first-child {
  border-bottom-left-radius: 0.375rem;
  border-top-left-radius: 0.375rem;
}
.button-group > :last-child {
  border-bottom-right-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}
.button-group.button-group-small .button {
  font-family: Soehne, sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.25rem;
  padding-bottom: 0.375rem;
  padding-left: var(--spacing-md);
  padding-right: var(--spacing-md);
  padding-top: 0.375rem;
}
.button.button-activated.button-secondary:enabled {
  background-color: var(--color-background-highlight);
}
.button.button-activated.button-secondary:hover:enabled {
  background-color: var(--color-background-highlight-hover);
}
.button.button-activated.button-secondary:focus:enabled {
  background-color: var(--color-background-highlight-focus);
}
.button.button-activated.button-secondary:disabled {
  background-color: var(--color-background-disabled);
  color: var(--color-text-disabled);
}
.button.button-activated.button-secondary:disabled .button-icon {
  color: var(--color-icon-disabled);
}
.button-selectable.button-selectable-disabled .button-secondary,
.button-selectable.button-selectable-disabled .button-secondary:focus,
.button-selectable.button-selectable-disabled .button-secondary:hover {
  color: var(--color-text-disabled-light);
}
.button-selectable.button-selectable-disabled .button-secondary .button-icon {
  color: var(--color-icon-disabled-light);
}
.button-selectable.button-selectable-disabled .button-activated.button-secondary,
.button-selectable.button-selectable-disabled .button-activated.button-secondary:focus,
.button-selectable.button-selectable-disabled .button-activated.button-secondary:hover {
  background-color: var(--color-background-disabled);
  color: var(--color-text-disabled);
}
.button-selectable.button-selectable-disabled .button-activated.button-secondary .button-icon {
  color: var(--color-icon-disabled);
}
.spinner {
  animation: spin 0.75s linear infinite;
  border-color: var(--color-icon-disabled);
  border-radius: 0.75rem;
  border-right: transparent;
  border-style: solid;
  border-width: 2px;
  display: inline-block;
  flex-shrink: 0;
  height: 1rem;
  margin-bottom: var(--spacing-sm);
  margin-top: var(--spacing-sm);
  vertical-align: text-bottom;
  width: 1rem;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.toast-notification.toast-notification-loading > .spinner {
  border-color: var(--color-icon-information);
  border-right-color: transparent;
  position: absolute;
  top: 1rem;
}
.avatar {
  align-items: center;
  background-color: var(--color-background-default);
  border-radius: 9999px;
  display: inline-flex;
  font-size: 0.875rem;
  height: 2rem;
  justify-content: center;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  position: relative;
  width: 2rem;
}
.avatar.avatar-placeholder {
  background-color: var(--color-background-gray-ultra-light);
}
.avatar.avatar-placeholder:before {
  color: var(--color-icon-disabled-light);
  font-family: Material Symbols Outlined;
  font-size: 1.25rem;
  font-variation-settings: "FILL" 0, "opsz" 20;
  font-weight: 400;
  --tw-content:"person";
  content: var(--tw-content);
}
.avatar.avatar-extra-small {
  height: 1.25rem;
  min-height: 1.25rem;
  min-width: 1.25rem;
  width: 1.25rem;
}
.avatar.avatar-extra-small:before {
  content: var(--tw-content);
  font-family: Material Symbols Outlined;
  font-size: 0.875rem;
  font-variation-settings: "FILL" 0, "opsz" 14;
  font-weight: 400;
}
.avatar.avatar-medium {
  height: 3rem;
  min-height: 3rem;
  min-width: 3rem;
  width: 3rem;
}
.avatar.avatar-medium:before {
  content: var(--tw-content);
  font-family: Material Symbols Outlined;
  font-size: 2rem;
  font-variation-settings: "FILL" 0, "opsz" 32;
  font-weight: 400;
}
.avatar.avatar-large {
  height: 4rem;
  min-height: 4rem;
  min-width: 4rem;
  width: 4rem;
}
.avatar.avatar-large:before {
  content: var(--tw-content);
  font-size: 50px;
  line-height: 50px;
}
.avatar.avatar-extra-large {
  height: 6rem;
  min-height: 6rem;
  min-width: 6rem;
  width: 6rem;
}
.avatar.avatar-extra-large:before {
  content: var(--tw-content);
  font-size: 62px;
  line-height: 62px;
}
.avatar.avatar-extra-extra-large {
  height: 8rem;
  min-height: 8rem;
  min-width: 8rem;
  width: 8rem;
}
.avatar.avatar-extra-extra-large:before {
  content: var(--tw-content);
  font-size: 96px;
  line-height: 96px;
}
.avatar.avatar-editable {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.avatar.avatar-editable.avatar-extra-small:after {
  content: var(--tw-content);
  font-size: 8px;
  line-height: 8px;
}
.avatar.avatar-editable:after {
  bottom: 0;
  color: var(--color-icon-inverted);
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  --tw-content:"edit";
  content: var(--tw-content);
}
.avatar.avatar-editable:hover:after {
  opacity: 1;
  transition-duration: 0.15s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.avatar.avatar-editable:after {
  align-items: center;
  background-color: rgba(34, 39, 44, 0.6);
  display: flex;
  justify-content: center;
}
.avatar-group .avatar {
  border-color: var(--color-border-inverted);
  border-style: solid;
  border-width: 1px;
  margin: -1px;
}
.avatar.avatar-stack {
  background-color: var(--color-background-gray-light);
  color: var(--color-text-light);
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 18px;
}
.avatar.avatar-stack.avatar-extra-small {
  font-size: 9px;
  line-height: 18px;
}
.notification-indicator {
  align-items: center;
  background-color: var(--color-background-alert);
  border-radius: 9999px;
  color: var(--color-text-inverted);
  display: inline-flex;
  flex-shrink: 0;
  font-family: Soehne, sans-serif;
  font-size: 0.6875rem;
  font-style: normal;
  font-weight: 600;
  justify-content: center;
  line-height: 0.75rem;
  padding: var(--spacing-xs) var(--spacing-sm);
}
.notification-indicator.notification-indicator-small {
  display: flex;
  height: 0.375rem;
  padding-left: var(--spacing-xs);
  padding-right: var(--spacing-xs);
  width: 0.375rem;
}
.modal.modal-centered .button {
  justify-content: center;
  width: 100%;
}
.modal.modal-stepper .modal-footer:has(.button-secondary) {
  justify-content: space-between;
}
.modal.modal-stepper .modal-footer .button {
  width: -moz-max-content;
  width: max-content;
}
.modal.modal-mobile .button {
  justify-content: center;
  width: 100%;
}
.footer {
  background-color: var(--color-background-gray-light);
  container-type: inline-size;
  gap: var(--spacing-base);
  height: -moz-fit-content;
  height: fit-content;
  min-width: 320px;
  width: 100%;
}
.footer,
.footer-content {
  display: flex;
}
.footer-content {
  flex: 1 1 0%;
  flex-direction: column;
  padding: var(--spacing-base) var(--spacing-2xl);
}
@container (min-width: 66rem) {
  .footer-content {
    flex-direction: row;
  }
}
.footer-content {
  align-items: center;
  justify-content: space-between;
  text-align: left;
}
.footer-content > :nth-child(n) {
  align-items: baseline;
  color: var(--color-text-default);
  display: flex;
  flex-wrap: wrap;
  font-family: Soehne, sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.125rem;
  text-wrap: nowrap;
}
.footer-linklist {
  flex-wrap: nowrap;
  justify-content: center;
}
@container (min-width: 66rem) {
  .footer-linklist {
    justify-content: flex-start;
  }
}
.footer-linklist > :nth-child(n) {
  cursor: pointer;
  margin-right: 1rem;
  position: relative;
  text-decoration-line: none;
}
.footer-linklist > :nth-child(n):focus,
.footer-linklist > :nth-child(n):hover {
  text-decoration-line: underline;
}
.footer-linklist > :nth-child(n):after {
  color: var(--color-text-default);
  cursor: default;
  font-family: Soehne, sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.125rem;
  padding-left: 0.375rem;
  position: absolute;
  --tw-content:"|";
  content: var(--tw-content);
}
.footer-linklist > :last-child:after {
  content: var(--tw-content);
  display: none;
}
.footer-information > :nth-child(n) {
  margin-right: 0.75rem;
  position: relative;
}
.footer-information > :nth-child(n):after {
  color: var(--color-text-default);
  font-family: Soehne, sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.125rem;
  padding-left: 0.375rem;
  position: absolute;
  --tw-content:"|";
  content: var(--tw-content);
}
.footer-information > :last-child:after {
  content: var(--tw-content);
  display: none;
}
.headerbar {
  background-color: var(--color-background-highlight);
  container-type: inline-size;
  height: -moz-fit-content;
  height: fit-content;
  min-width: 20rem;
  width: 100%;
}
.headerbar-content {
  height: 3.5rem;
  padding-left: var(--spacing-md);
}
@container (min-width: 39rem) {
  .headerbar-content {
    height: 4rem;
  }
}
.headerbar-content {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.headerbar-logo {
  height: 42px;
  width: 140px;
}
@container (min-width: 39rem) {
  .headerbar-logo {
    height: 3rem;
    width: 10rem;
  }
}
.headerbar-logo {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='132' height='40' fill='none' viewBox='0 0 132 40'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23FD0' d='M131.999 0H0v40h131.999z'/%3E%3Cpath fill='%23004588' d='m54.765 20.442-.979 4.817h-11.98c.438-2.16.965-4.756.979-4.817zm3.8 5.047L61.9 9.08h-4.802l-1.36 6.688H43.345c-2.333 0-4.661 2.154-5.197 4.812l-.908 4.45c-.536 2.662.917 4.816 3.25 4.816h12.023zm18.88-5.047-.977 4.817H64.497c.277-1.374.729-3.556.978-4.817zm4.676.137c.546-2.663-.926-4.817-3.287-4.817H66.058c-2.36 0-4.718 2.154-5.263 4.817l-.917 4.444c-.546 2.663.926 4.817 3.288 4.817h11.876l6.044-4.35c.048-.151.085-.311.118-.466zm19.596-4.596.047-.221h-7.089l-6.312 4.539h-.165L90.48 9.073h-4.803L81.458 29.84h4.803l1.067-5.268h.18l6.057 5.268h7.061l.047-.221-8.11-7.05 9.154-6.581zm17.963-.221h-13.081c-2.361 0-4.718 2.154-5.263 4.817l-.894 4.444c-.545 2.663.903 4.817 3.264 4.817h6.129l5.579-4.36.042-.221h-10.31l.973-4.817h11.948l-1.91 9.398h4.925l1.933-9.53c.395-2.535-1.054-4.548-3.34-4.548M18.142 11.76l-5.837 4.576v2.92l5.837-3.405 9.384 4.408V18.09zM30.79 25.607 18.137 23.18l-5.832 1.392v2.959H30.79z'/%3E%3Cpath fill='%23004588' d='m30.79 22.61-12.653-5.188-5.832 2.978v3.231l5.832-1.924 12.653 3.19z'/%3E%3Cpath fill='%23004588' d='M30.79 30.786v-1.562H10.607V10.607h18.617v9.652h1.561V9.04H9.04v21.75'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h131.999v40H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.headerbar-section {
  display: flex;
  flex: 1 1 auto;
  justify-content: flex-end;
}
.headerbar-action {
  height: 3.5rem;
  width: 3.5rem;
}
@container (min-width: 39rem) {
  .headerbar-action {
    height: 4rem;
    width: 4rem;
  }
}
.headerbar-action {
  background-color: var(--color-background-highlight);
}
.headerbar-action:hover {
  background-color: var(--color-background-highlight-hover);
}
.headerbar-action:focus {
  background-color: var(--color-background-highlight-focus);
}
.headerbar-action {
  align-content: center;
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  outline: 2px solid transparent;
  outline-offset: 2px;
  position: relative;
}
.headerbar-action:has(.headerbar-action-select) {
  width: -moz-fit-content;
  width: fit-content;
}
.headerbar-action {
  transition-duration: 0.15s;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.headerbar-action-icon {
  color: var(--color-icon-accent);
  font-family: Material Symbols Outlined;
  font-size: 1.25rem;
  font-variation-settings: "FILL" 0, "opsz" 20;
  font-weight: 400;
}
.headerbar-action .notification-indicator {
  position: absolute;
  right: 0.5rem;
  top: 0.75rem;
}
@container (min-width: 39rem) {
  .headerbar-action .notification-indicator {
    right: 0.75rem;
    top: 1rem;
  }
}
.page {
  container-type: inline-size;
  display: flex;
  flex-direction: column;
  height: 100vh;
  min-height: 614px;
  min-width: 320px;
  width: 100%;
}
.page:has(.inbox) .page-content {
  display: none;
}
@container (min-width: 66rem) {
  .page:has(.inbox) .page-content {
    display: flex;
  }
}
.notification-panel {
  background-color: var(--color-background-default);
  display: flex;
  flex-direction: column;
  height: -moz-fit-content;
  height: fit-content;
  width: 20rem;
  --tw-shadow:var(--shadow-lg);
  --tw-shadow-colored:var(--shadow-lg);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 transparent),
    var(--tw-ring-shadow, 0 0 transparent),
    var(--tw-shadow);
  max-height: 456px;
}
@container (min-width: 39rem) {
  .notification-panel {
    max-height: 768px;
  }
}
@container (min-width: 66rem) {
  .notification-panel {
    max-height: 616px;
  }
}
@container (min-width: 83rem) {
  .notification-panel {
    max-height: 696px;
  }
}
@container (min-width: 99rem) {
  .notification-panel {
    max-height: 768px;
  }
}
.notification-panel {
  overflow-x: hidden;
  overflow-y: auto;
}
.notification-panel-empty {
  display: flex;
  justify-content: center;
  padding: 5rem 2rem 2rem;
}
.notification-panel-empty-label {
  color: var(--color-text-placeholder);
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
  position: relative;
  text-align: center;
  width: 100%;
}
.notification-panel-empty-label:before {
  color: var(--color-icon-disabled);
  font-family: Material Symbols Outlined;
  font-size: 1.5rem;
  font-variation-settings: "FILL" 0, "opsz" 24;
  font-weight: 400;
  --tw-content:"\e7f6";
  content: var(--tw-content);
  position: absolute;
  right: 50%;
  top: -2rem;
  width: 0.75rem;
}
.notification-panel-header {
  display: flex;
  gap: var(--spacing-sm);
  justify-content: space-between;
  padding: var(--spacing-base) var(--spacing-lg);
}
.notification-panel-header-label {
  color: var(--color-text-default);
  font-family: Soehne, sans-serif;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.625rem;
}
.notification-panel-header-button {
  color: var(--color-text-accent);
  font-size: 1rem;
  line-height: 1.5rem;
}
.notification-panel-header-button:visited {
  color: var(--color-text-accent);
}
.notification-panel-header-button {
  position: relative;
  text-decoration-line: none;
}
.notification-panel-header-button:focus,
.notification-panel-header-button:hover {
  text-decoration-line: underline;
}
.notification-panel-header-button {
  display: inline-block;
  margin-left: 1.25rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-duration: 0.15s;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.notification-panel-header-button:before {
  color: var(--color-icon-accent);
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  left: -1.25rem;
  position: absolute;
}
.notification-panel-header-button {
  font-family: Soehne, sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
}
.notification-panel-header-button:before {
  --tw-content:"done_all";
  content: var(--tw-content);
}
.notification-panel-header-button:disabled,
.notification-panel-header-button:disabled:visited {
  color: var(--color-text-disabled-light);
}
.notification-panel-header-button:disabled:focus,
.notification-panel-header-button:disabled:hover {
  text-decoration-line: none;
}
.notification-panel-header-button:disabled {
  cursor: not-allowed;
}
.notification-panel-header-button:disabled:active {
  pointer-events: none;
}
.notification-panel-header-button:disabled:after,
.notification-panel-header-button:disabled:before {
  color: var(--color-icon-disabled-light);
  content: var(--tw-content);
}
.notification-panel-group {
  color: var(--color-text-ultra-light);
  display: flex;
  font-family: Soehne, sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  padding: var(--spacing-sm) var(--spacing-lg);
}
.notification-panel-items > :nth-child(n) {
  border-color: var(--color-border-light);
  border-style: solid;
  border-top-width: 1px;
}
.notification-panel-item {
  align-items: flex-start;
  display: flex;
  gap: var(--spacing-md);
  padding-bottom: 0.625rem;
  padding-left: var(--spacing-lg);
  padding-right: var(--spacing-3xl);
  padding-top: 0.625rem;
  position: relative;
  width: 100%;
}
.notification-panel-item:focus,
.notification-panel-item:hover {
  padding-right: var(--spacing-base);
}
.notification-panel-item {
  background-color: var(--color-background-action);
}
.notification-panel-item:has(.notification-indicator) {
  background-color: var(--color-background-gray-ultra-ultra-light);
}
.notification-panel-item:hover {
  background-color: var(--color-background-action-hover);
}
.notification-panel-item:focus {
  background-color: var(--color-background-action-focus);
}
.notification-panel-item {
  flex: 1 1 0%;
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-duration: 0.15s;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.notification-panel-item .avatar {
  margin-top: 0.25rem;
}
.notification-panel-item .avatar-plans.avatar {
  background-color: var(--color-chart-category7-light);
  color: var(--color-text-default);
}
.notification-panel-item .avatar-plans.avatar:before {
  font-family: Material Symbols Outlined;
  font-size: 1.125rem;
  font-variation-settings: "FILL" 0, "opsz" 18;
  font-weight: 400;
  --tw-content:"note_stack";
  content: var(--tw-content);
}
.notification-panel-item .avatar-deliveries.avatar {
  background-color: var(--color-chart-category10-light);
  color: var(--color-text-default);
}
.notification-panel-item .avatar-deliveries.avatar:before {
  font-family: Material Symbols Outlined;
  font-size: 1.125rem;
  font-variation-settings: "FILL" 0, "opsz" 18;
  font-weight: 400;
  --tw-content:"local_shipping";
  content: var(--tw-content);
}
.notification-panel-item .avatar-return-deliveries.avatar {
  background-color: var(--color-chart-category3-light);
  color: var(--color-text-default);
}
.notification-panel-item .avatar-return-deliveries.avatar:before {
  font-family: Material Symbols Outlined;
  font-size: 1.125rem;
  font-variation-settings: "FILL" 0, "opsz" 18;
  font-weight: 400;
  --tw-content:"output";
  content: var(--tw-content);
}
.notification-panel-item .avatar-reconditioning.avatar {
  background-color: var(--color-chart-category9-light);
  color: var(--color-text-default);
}
.notification-panel-item .avatar-reconditioning.avatar:before {
  font-family: Material Symbols Outlined;
  font-size: 1.125rem;
  font-variation-settings: "FILL" 0, "opsz" 18;
  font-weight: 400;
  --tw-content:"reset_wrench";
  content: var(--tw-content);
}
.notification-panel-item .avatar-inspection.avatar {
  background-color: var(--color-chart-category8-light);
  color: var(--color-text-default);
}
.notification-panel-item .avatar-inspection.avatar:before {
  font-family: Material Symbols Outlined;
  font-size: 1.125rem;
  font-variation-settings: "FILL" 0, "opsz" 18;
  font-weight: 400;
  --tw-content:"frame_inspect";
  content: var(--tw-content);
}
.notification-panel-item .avatar-invoices.avatar {
  background-color: var(--color-chart-category1-light);
  color: var(--color-text-default);
}
.notification-panel-item .avatar-invoices.avatar:before {
  font-family: Material Symbols Outlined;
  font-size: 1.125rem;
  font-variation-settings: "FILL" 0, "opsz" 18;
  font-weight: 400;
  --tw-content:"description";
  content: var(--tw-content);
}
.notification-panel-item .avatar-sensors.avatar {
  background-color: var(--color-chart-category6-light);
  color: var(--color-text-default);
}
.notification-panel-item .avatar-sensors.avatar:before {
  font-family: Material Symbols Outlined;
  font-size: 1.125rem;
  font-variation-settings: "FILL" 0, "opsz" 18;
  font-weight: 400;
  --tw-content:"sensors";
  content: var(--tw-content);
}
.notification-panel-item .avatar-instructions.avatar {
  background-color: var(--color-chart-category12-light);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' viewBox='0 0 14 14'%3E%3Cpath fill='%2335383E' d='M6.4 10.6h2.4V9.25H6.4zm0-2.925h4.2v-1.35H6.4zm0-2.925h4.2V3.4H6.4zM2.05 13.3q-.563 0-.956-.394A1.3 1.3 0 0 1 .7 11.95v-9.9q0-.563.394-.956Q1.487.7 2.05.7h9.9q.563 0 .956.394.394.393.394.956v9.9q0 .563-.394.956a1.3 1.3 0 0 1-.956.394zm0-1.35h9.9v-9.9h-9.9z'/%3E%3Cpath fill='%2335383E' d='M3.641 8.354 3.3 3.401h1.755l-.341 4.953zm-.28 2.247V8.996h1.644v1.605z'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
}
.notification-panel-item .avatar-orders.avatar {
  background-color: var(--color-chart-category10-light);
  color: var(--color-text-default);
}
.notification-panel-item .avatar-orders.avatar:before {
  font-family: Material Symbols Outlined;
  font-size: 1.125rem;
  font-variation-settings: "FILL" 0, "opsz" 18;
  font-weight: 400;
  --tw-content:"playlist_add_check";
  content: var(--tw-content);
}
.notification-panel-item .avatar-general.avatar {
  background-color: var(--color-background-highlight);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' fill='none' viewBox='0 0 14 12'%3E%3Cpath fill='%23004588' d='M5.933 1.63 2.419 4.084v1.564l3.514-1.824 5.648 2.361V5.022zm7.612 7.418-7.615-1.3-3.51.746v1.585h11.125z'/%3E%3Cpath fill='%23004588' d='M13.545 7.444 5.93 4.665 2.42 6.26v1.731l3.51-1.03 7.615 1.708z'/%3E%3Cpath fill='%23004588' d='M13.545 11.823v-.837H1.397V1.013h11.206v5.17h.94V.174H.455v11.652'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
}
.notification-panel-item-content {
  align-items: flex-start;
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
}
.notification-panel-item-wrapper {
  align-items: stretch;
  display: flex;
}
.notification-panel-item-wrapper:has(.notification-panel-item:hover) .notification-panel-item-button {
  display: flex;
}
.notification-panel-item-wrapper:has(.notification-panel-item:focus) .notification-panel-item-button {
  display: flex;
}
.notification-panel-item-wrapper:has(.notification-panel-item-button:hover) .notification-panel-item {
  padding-right: var(--spacing-base);
}
.notification-panel-item-wrapper:has(.notification-panel-item-button:focus) .notification-panel-item {
  padding-right: var(--spacing-base);
}
.notification-panel-item .notification-indicator {
  border-color: var(--color-border-inverted);
  border-style: solid;
  border-width: 1px;
  height: 0.5rem;
  left: 1rem;
  position: absolute;
  top: 1rem;
  width: 0.5rem;
}
.notification-panel-item-title {
  font-weight: 600;
}
.notification-panel-item-description,
.notification-panel-item-title {
  color: var(--color-text-default);
  font-family: Soehne, sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  letter-spacing: 0;
  line-height: 1.25rem;
  text-align: left;
}
.notification-panel-item-date,
.notification-panel-item-description {
  font-weight: 400;
}
.notification-panel-item-date {
  color: var(--color-text-ultra-light);
  font-family: Soehne, sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  letter-spacing: 0;
  line-height: 1.25rem;
}
.notification-panel-item-button {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.notification-panel-item-button:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.notification-panel-item-button {
  cursor: pointer;
}
.notification-panel-item-button:disabled {
  cursor: not-allowed;
}
.notification-panel-item-button {
  color: var(--color-icon-accent);
}
.notification-panel-item-button:disabled {
  color: var(--color-icon-disabled-light);
}
.notification-panel-item-button {
  background-color: transparent;
}
.notification-panel-item-button:hover:enabled {
  background-color: var(--color-background-action-hover);
}
.notification-panel-item-button:focus:enabled {
  background-color: var(--color-background-action-focus);
}
.notification-panel-item-button:disabled {
  background-color: transparent;
}
.notification-panel-item-button {
  align-self: stretch;
  border-radius: 0;
  font-family: Material Symbols Outlined;
  font-size: 0.75rem;
  font-variation-settings: "FILL" 0, "opsz" 12;
  font-weight: 400;
  height: auto;
  transition-duration: 0.15s;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  width: 1.5rem;
}
.notification-panel-item-button:before {
  --tw-content:"\e5cd";
  content: var(--tw-content);
}
.notification-panel-item-button {
  display: none;
}
.notification-panel-item-button:focus,
.notification-panel-item-button:hover {
  display: flex;
}
.notification-panel-button {
  background-color: var(--color-background-action);
  color: var(--color-text-accent);
  cursor: pointer;
  font-family: Soehne, sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  height: 2.5rem;
  letter-spacing: 0;
  line-height: 1.25rem;
  transition-duration: 0.15s;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  width: 20rem;
}
.notification-panel-button:hover {
  background-color: var(--color-background-action-hover);
}
.notification-panel-button:focus {
  background-color: var(--color-background-action-focus);
}
.image {
  align-items: center;
  background-color: var(--color-background-default);
  border-color: var(--color-border-ultra-light);
  border-radius: 0.25rem;
  border-style: solid;
  border-width: 1px;
  display: flex;
  height: 5rem;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: 5rem;
}
.image:has(.image-alert-indicator) {
  border-color: var(--color-border-alert);
}
.image.image-extra-small {
  height: 2rem;
  min-height: 2rem;
  min-width: 2rem;
  width: 2rem;
}
.image.image-extra-small .image-content-padded {
  padding: 0.25rem;
}
.image.image-extra-small .image-alert-indicator {
  display: none;
}
.image.image-extra-small .image-content {
  font-family: Material Symbols Outlined;
  font-size: 1.125rem;
  font-variation-settings: "FILL" 0, "opsz" 18;
  font-weight: 400;
}
.image.image-medium {
  height: 6rem;
  min-height: 6rem;
  min-width: 6rem;
  width: 6rem;
}
.image.image-medium .image-content-padded {
  padding: 0.5rem;
}
.image.image-large {
  height: 8rem;
  min-height: 8rem;
  min-width: 8rem;
  width: 8rem;
}
.image.image-large .image-content-padded {
  padding: 0.75rem;
}
.image.image-extra-large {
  height: 400px;
  min-height: 400px;
  min-width: 400px;
  width: 400px;
}
.image.image-extra-large .image-content-padded {
  padding: 1.5rem;
}
.image.image-full {
  height: 100%;
  width: 100%;
}
.image.image-full .image-content-padded {
  padding: 1.5rem;
}
.image.image-full .image-alert-indicator {
  display: none;
}
.image.image-full:has(.image-alert-indicator) {
  border-color: var(--color-border-ultra-light);
}
.image.image-editable {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.image.image-editable.image-extra-small:before {
  content: var(--tw-content);
  font-family: Material Symbols Outlined;
  font-size: 0.75rem;
  font-variation-settings: "FILL" 0, "opsz" 12;
  font-weight: 400;
}
.image.image-editable.image-full:before {
  content: var(--tw-content);
  display: none;
}
.image.image-editable:before {
  bottom: 0;
  color: var(--color-icon-inverted);
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  --tw-content:"edit";
  content: var(--tw-content);
}
.image.image-editable:hover:before {
  opacity: 1;
  transition-duration: 0.15s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.image.image-editable:before {
  align-items: center;
  background-color: rgba(34, 39, 44, 0.6);
  display: flex;
  justify-content: center;
}
.image.image-editable:hover:has(.image-content-placeholder) {
  border-color: transparent;
}
.image.image-editable:hover .image-alert-indicator:before {
  color: transparent;
  content: var(--tw-content);
}
.image.image-zoom {
  cursor: zoom-in;
}
.image.image-zoom.image-extra-large:not(:has(.image-content-placeholder)) .image-zoom-indicator {
  display: inline-flex;
}
.image.image-zoom.image-full {
  cursor: default;
}
.image.image-zoom .image-zoom-indicator {
  align-items: center;
  border-radius: 0.375rem;
  bottom: 0.5rem;
  color: var(--color-text-accent);
  display: none;
  font-family: Soehne, sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  height: 1.5rem;
  left: 0.5rem;
  letter-spacing: 0;
  line-height: 1.125rem;
  padding-left: var(--spacing-base);
  padding-right: var(--spacing-base);
  position: absolute;
  width: -moz-fit-content;
  width: fit-content;
}
.image.image-zoom .image-zoom-indicator:before {
  color: var(--color-icon-accent);
  font-family: Material Symbols Outlined;
  font-size: 0.75rem;
  font-variation-settings: "FILL" 0, "opsz" 12;
  font-weight: 400;
  margin-right: var(--spacing-sm);
  --tw-content:"open_in_full";
  content: var(--tw-content);
}
.image.image-zoom .image-zoom-indicator {
  background-color: hsla(0, 0%, 100%, 0.9);
}
.link {
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
}
.link,
.link:visited {
  color: var(--color-text-accent);
}
.link {
  position: relative;
  text-decoration-line: none;
}
.link:focus,
.link:hover {
  text-decoration-line: underline;
}
.link {
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-duration: 0.15s;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.link.link-disabled,
.link.link-disabled:visited {
  color: var(--color-text-disabled-light);
}
.link.link-disabled:focus,
.link.link-disabled:hover {
  text-decoration-line: none;
}
.link.link-disabled {
  cursor: not-allowed;
}
.link.link-disabled:active {
  pointer-events: none;
}
.link.link-disabled:after,
.link.link-disabled:before {
  color: var(--color-icon-disabled-light);
  content: var(--tw-content);
}
.link.link-external {
  display: inline-block;
  margin-right: 1.25rem;
}
.link.link-external:after {
  color: var(--color-icon-accent);
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  padding-left: var(--spacing-sm);
  position: absolute;
  --tw-content:"open_in_new";
  content: var(--tw-content);
}
.link.link-mail {
  display: inline-block;
  margin-left: 1.25rem;
}
.link.link-mail:before {
  color: var(--color-icon-accent);
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  left: -1.25rem;
  position: absolute;
  --tw-content:"mail";
  content: var(--tw-content);
}
.link.link-phone {
  display: inline-block;
  margin-left: 1.25rem;
}
.link.link-phone:before {
  color: var(--color-icon-accent);
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  left: -1.25rem;
  position: absolute;
  --tw-content:"phone";
  content: var(--tw-content);
}
.link.link-smartphone {
  display: inline-block;
  margin-left: 1.25rem;
}
.link.link-smartphone:before {
  color: var(--color-icon-accent);
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  left: -1.25rem;
  position: absolute;
  --tw-content:"smartphone";
  content: var(--tw-content);
}
.link.link-address {
  display: inline-block;
  margin-left: 1.25rem;
}
.link.link-address:before {
  color: var(--color-icon-accent);
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  left: -1.25rem;
  position: absolute;
  --tw-content:"location_on";
  content: var(--tw-content);
}
.meta-header-body-content-section .link {
  width: -moz-fit-content;
  width: fit-content;
}
.map {
  align-items: center;
  border-color: var(--color-border-ultra-light);
  border-radius: 0.25rem;
  border-style: solid;
  border-width: 1px;
  display: flex;
  flex: 1 1 0%;
  height: 100%;
  justify-content: center;
  width: 100%;
  --tw-shadow:var(--shadow-none);
  --tw-shadow-colored:var(--shadow-none);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 transparent),
    var(--tw-ring-shadow, 0 0 transparent),
    var(--tw-shadow);
}
.map .empty-state-compact {
  margin: 0;
}
.map-container:has(.map-label) .map {
  margin-top: var(--spacing-sm);
}
.map-container:has(.map-description) .map {
  margin-top: var(--spacing-sm);
}
:root {
  --color-icon-default:#66676b;
  --color-icon-inverted:#fff;
  --color-icon-alert-dark:#d0122f;
  --color-icon-alert:#ef4444;
  --color-icon-warning-dark:#b6620d;
  --color-icon-warning:#f0902e;
  --color-icon-success-dark:#028030;
  --color-icon-success:#0fc551;
  --color-icon-information:#649fda;
  --color-icon-accent:#004588;
  --color-icon-disabled-light:#d8d9df;
  --color-icon-disabled:#c1c2c6;
  --color-background-default:#fff;
  --color-background-inverted:#22252d;
  --color-background-accent:#004588;
  --color-background-accent-hover:#003b74;
  --color-background-accent-focus:#00305f;
  --color-background-highlight:#fd0;
  --color-background-highlight-hover:#f0cc00;
  --color-background-highlight-focus:#e0bb00;
  --color-background-danger:#fff;
  --color-background-danger-hover:#fdf3ed;
  --color-background-danger-focus:#fce5da;
  --color-background-action:#fff;
  --color-background-action-hover:#f0f2f6;
  --color-background-action-focus:#e9ebf2;
  --color-background-alert:#ec1e2e;
  --color-background-alert-light:#fce5da;
  --color-background-alert-ultra-light:#fdf3ed;
  --color-background-warning:#e67c10;
  --color-background-warning-light:#fbe1c7;
  --color-background-warning-ultra-light:#fcebda;
  --color-background-success:#0fc551;
  --color-background-success-light:#d8fbe5;
  --color-background-success-ultra-light:#edfff4;
  --color-background-information:#478dd3;
  --color-background-information-light:#e0ecf8;
  --color-background-information-ultra-light:#f0f6fc;
  --color-background-disabled:#f0f2f6;
  --color-background-gray-ultra-ultra-light:#f9fafb;
  --color-background-gray-ultra-light:#f0f2f6;
  --color-background-gray-light:#e9ebf2;
  --color-background-gray:#d8d9df;
  --color-background-gray-strong:#c1c2c6;
  --color-border-inverted:#fff;
  --color-border-disabled:#d8d9df;
  --color-border-light:#c1c2c6;
  --color-border-ultra-light:#e9ebf2;
  --color-border-default:#a4a5a8;
  --color-border-strong:#87878c;
  --color-border-accent:#004588;
  --color-border-accent-light:#bfd7f0;
  --color-border-alert:#ef4444;
  --color-border-warning:#f0902e;
  --color-border-success:#2dda6b;
  --color-border-information:#649fda;
  --color-border-transparent:transparent;
  --color-text-default:#35383e;
  --color-text-inverted:#fff;
  --color-text-light:#66676b;
  --color-text-ultra-light:#a4a5a8;
  --color-text-placeholder:#c1c2c6;
  --color-text-disabled:#c1c2c6;
  --color-text-disabled-light:#d8d9df;
  --color-text-accent:#004588;
  --color-text-alert-dark:#d0122f;
  --color-text-alert:#ef4444;
  --color-text-alert-light:#f2746a;
  --color-text-warning-dark:#b6620d;
  --color-text-warning:#f0902e;
  --color-text-success-dark:#028030;
  --color-text-success:#0fc551;
  --color-text-information:#649fda;
  --color-chart-category1:#00aeb2;
  --color-chart-category1-light:#74c9c9;
  --color-chart-category2:#192a67;
  --color-chart-category2-light:#556795;
  --color-chart-category3:#fff155;
  --color-chart-category3-light:#fff695;
  --color-chart-category4:#2561ac;
  --color-chart-category4-light:#6790c7;
  --color-chart-category5:#7b5c99;
  --color-chart-category5-light:#a18bb8;
  --color-chart-category6:#a2c04c;
  --color-chart-category6-light:#bdd388;
  --color-chart-category7:#aec2c9;
  --color-chart-category7-light:#c6d4d9;
  --color-chart-category8:#ff7246;
  --color-chart-category8-light:#ffa081;
  --color-chart-category9:#45b4d9;
  --color-chart-category9-light:#86cbe4;
  --color-chart-category10:#f3a93a;
  --color-chart-category10-light:#f5ce7b;
  --color-chart-category11:#00897b;
  --color-chart-category11-light:#69aca1;
  --color-chart-category12:#e61861;
  --color-chart-category12-light:#f6748e;
  --spacing-xs:0.125rem;
  --spacing-sm:0.25rem;
  --spacing-base:0.5rem;
  --spacing-md:0.75rem;
  --spacing-lg:1rem;
  --spacing-xl:1.25rem;
  --spacing-2xl:1.5rem;
  --spacing-3xl:2rem;
  --spacing-4xl:3rem;
  --shadow-none:0px 0px 0px 0px transparent;
  --shadow-sm:0px 1px 2px 0px rgba(0,0,0,.05);
  --shadow-base:0px 1px 2px 0px rgba(0,0,0,.1);
  --shadow-md:0px 2px 4px 0px rgba(0,0,0,.1);
  --shadow-lg:0px 4px 8px 0px rgba(0,0,0,.1);
  --shadow-xl:0px 8px 16px 0px rgba(0,0,0,.1);
  --shadow-2xl:0px 16px 24px 0px rgba(0,0,0,.1);
}
.visible {
  visibility: visible;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.right-14 {
  right: 3.5rem;
}
.top-14 {
  top: 3.5rem;
}
.m-auto {
  margin: auto;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.h-10 {
  height: 2.5rem;
}
.h-8 {
  height: 2rem;
}
.w-10 {
  width: 2.5rem;
}
.min-w-8 {
  min-width: 2rem;
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rounded-full {
  border-radius: 9999px;
}
.border-4 {
  border-width: 4px;
}
.border-border-accent {
  border-color: var(--color-border-accent);
}
.border-r-background-transparent {
  border-right-color: transparent;
}
.text-4xl {
  font-size: 2.25rem;
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
@media (min-width: 39rem) {
  .sm\:right-16 {
    right: 4rem;
  }
  .sm\:top-16 {
    top: 4rem;
  }
}
@font-face {
  font-family: "Soehne";
  font-weight: 400;
  src: url("./media/soehne-buch.woff2") format("woff2");
}
@font-face {
  font-family: "Soehne";
  font-weight: 600;
  src: url("./media/soehne-halbfett.woff2") format("woff2");
}
:root {
  --ion-color-primary: #0054e9;
  --ion-color-primary-rgb:
    0,
    84,
    233;
  --ion-color-primary-contrast: #fff;
  --ion-color-primary-contrast-rgb:
    255,
    255,
    255;
  --ion-color-primary-shade: #004acd;
  --ion-color-primary-tint: #1a65eb;
  --ion-color-secondary: #0163aa;
  --ion-color-secondary-rgb:
    1,
    99,
    170;
  --ion-color-secondary-contrast: #fff;
  --ion-color-secondary-contrast-rgb:
    255,
    255,
    255;
  --ion-color-secondary-shade: #015796;
  --ion-color-secondary-tint: #1a73b3;
  --ion-color-tertiary: #6030ff;
  --ion-color-tertiary-rgb:
    96,
    48,
    255;
  --ion-color-tertiary-contrast: #fff;
  --ion-color-tertiary-contrast-rgb:
    255,
    255,
    255;
  --ion-color-tertiary-shade: #542ae0;
  --ion-color-tertiary-tint: #7045ff;
  --ion-color-success: #2dd55b;
  --ion-color-success-rgb:
    45,
    213,
    91;
  --ion-color-success-contrast: #000;
  --ion-color-success-contrast-rgb:
    0,
    0,
    0;
  --ion-color-success-shade: #28bb50;
  --ion-color-success-tint: #42d96b;
  --ion-color-warning: #ffc409;
  --ion-color-warning-rgb:
    255,
    196,
    9;
  --ion-color-warning-contrast: #000;
  --ion-color-warning-contrast-rgb:
    0,
    0,
    0;
  --ion-color-warning-shade: #e0ac08;
  --ion-color-warning-tint: #ffca22;
  --ion-color-danger: #c5000f;
  --ion-color-danger-rgb:
    197,
    0,
    15;
  --ion-color-danger-contrast: #fff;
  --ion-color-danger-contrast-rgb:
    255,
    255,
    255;
  --ion-color-danger-shade: #ad000d;
  --ion-color-danger-tint: #cb1a27;
  --ion-color-light: #f4f5f8;
  --ion-color-light-rgb:
    244,
    245,
    248;
  --ion-color-light-contrast: #000;
  --ion-color-light-contrast-rgb:
    0,
    0,
    0;
  --ion-color-light-shade: #d7d8da;
  --ion-color-light-tint: #f5f6f9;
  --ion-color-medium: #636469;
  --ion-color-medium-rgb:
    99,
    100,
    105;
  --ion-color-medium-contrast: #fff;
  --ion-color-medium-contrast-rgb:
    255,
    255,
    255;
  --ion-color-medium-shade: #57585c;
  --ion-color-medium-tint: #737478;
  --ion-color-dark: #222428;
  --ion-color-dark-rgb:
    34,
    36,
    40;
  --ion-color-dark-contrast: #fff;
  --ion-color-dark-contrast-rgb:
    255,
    255,
    255;
  --ion-color-dark-shade: #1e2023;
  --ion-color-dark-tint: #383a3e;
}
html.ios {
  --ion-default-font:
    -apple-system,
    BlinkMacSystemFont,
    "Helvetica Neue",
    "Roboto",
    sans-serif;
}
html.md {
  --ion-default-font:
    "Roboto",
    "Helvetica Neue",
    sans-serif;
}
html {
  --ion-dynamic-font: -apple-system-body;
  --ion-font-family: var(--ion-default-font);
}
body {
  background: var(--ion-background-color);
  color: var(--ion-text-color);
}
body.backdrop-no-scroll {
  overflow: hidden;
}
html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,
html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,
html.ios ion-modal ion-footer ion-toolbar:first-of-type,
html.ios ion-footer.modal-footer-moving ion-toolbar:first-of-type {
  padding-top: 6px;
}
html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,
html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type {
  padding-bottom: 6px;
}
html.ios ion-modal ion-toolbar,
html.ios .modal-footer-moving ion-toolbar {
  padding-right: calc(var(--ion-safe-area-right) + 8px);
  padding-left: calc(var(--ion-safe-area-left) + 8px);
}
@media screen and (min-width: 768px) {
  html.ios ion-modal.modal-card:first-of-type {
    --backdrop-opacity: 0.18;
  }
}
ion-modal.modal-default.show-modal ~ ion-modal.modal-default {
  --backdrop-opacity: 0;
  --box-shadow: none;
}
html.ios ion-modal.modal-card .ion-page {
  border-top-left-radius: var(--border-radius);
}
.ion-color-primary {
  --ion-color-base: var(--ion-color-primary, #0054e9) !important;
  --ion-color-base-rgb: var(--ion-color-primary-rgb, 0, 84, 233) !important;
  --ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-primary-shade, #004acd) !important;
  --ion-color-tint: var(--ion-color-primary-tint, #1a65eb) !important;
}
.ion-color-secondary {
  --ion-color-base: var(--ion-color-secondary, #0163aa) !important;
  --ion-color-base-rgb: var(--ion-color-secondary-rgb, 1, 99, 170) !important;
  --ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-secondary-shade, #015796) !important;
  --ion-color-tint: var(--ion-color-secondary-tint, #1a73b3) !important;
}
.ion-color-tertiary {
  --ion-color-base: var(--ion-color-tertiary, #6030ff) !important;
  --ion-color-base-rgb: var(--ion-color-tertiary-rgb, 96, 48, 255) !important;
  --ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-tertiary-shade, #542ae0) !important;
  --ion-color-tint: var(--ion-color-tertiary-tint, #7045ff) !important;
}
.ion-color-success {
  --ion-color-base: var(--ion-color-success, #2dd55b) !important;
  --ion-color-base-rgb: var(--ion-color-success-rgb, 45, 213, 91) !important;
  --ion-color-contrast: var(--ion-color-success-contrast, #000) !important;
  --ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 0, 0, 0) !important;
  --ion-color-shade: var(--ion-color-success-shade, #28bb50) !important;
  --ion-color-tint: var(--ion-color-success-tint, #42d96b) !important;
}
.ion-color-warning {
  --ion-color-base: var(--ion-color-warning, #ffc409) !important;
  --ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;
  --ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;
  --ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;
  --ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;
  --ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important;
}
.ion-color-danger {
  --ion-color-base: var(--ion-color-danger, #c5000f) !important;
  --ion-color-base-rgb: var(--ion-color-danger-rgb, 197, 0, 15) !important;
  --ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-danger-shade, #ad000d) !important;
  --ion-color-tint: var(--ion-color-danger-tint, #cb1a27) !important;
}
.ion-color-light {
  --ion-color-base: var(--ion-color-light, #f4f5f8) !important;
  --ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;
  --ion-color-contrast: var(--ion-color-light-contrast, #000) !important;
  --ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;
  --ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;
  --ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important;
}
.ion-color-medium {
  --ion-color-base: var(--ion-color-medium, #636469) !important;
  --ion-color-base-rgb: var(--ion-color-medium-rgb, 99, 100, 105) !important;
  --ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-medium-shade, #57585c) !important;
  --ion-color-tint: var(--ion-color-medium-tint, #737478) !important;
}
.ion-color-dark {
  --ion-color-base: var(--ion-color-dark, #222428) !important;
  --ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;
  --ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;
  --ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important;
}
.ion-page {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  position: absolute;
  flex-direction: column;
  justify-content: space-between;
  contain: layout size style;
  z-index: 0;
}
.ion-page.ion-page-overlay-passthrough {
  pointer-events: none;
}
ion-modal > .ion-page {
  position: relative;
  contain: layout style;
  height: 100%;
}
.split-pane-visible > .ion-page.split-pane-main {
  position: relative;
}
ion-route,
ion-route-redirect,
ion-router,
ion-select-option,
ion-nav-controller,
ion-menu-controller,
ion-action-sheet-controller,
ion-alert-controller,
ion-loading-controller,
ion-modal-controller,
ion-picker-controller,
ion-popover-controller,
ion-toast-controller,
.ion-page-hidden {
  display: none !important;
}
.ion-page-invisible {
  opacity: 0;
}
.can-go-back > ion-header ion-back-button {
  display: block;
}
html.plt-ios.plt-hybrid,
html.plt-ios.plt-pwa {
  --ion-statusbar-padding: 20px;
}
@supports (padding-top: 20px) {
  html {
    --ion-safe-area-top: var(--ion-statusbar-padding);
  }
}
@supports (padding-top: env(safe-area-inset-top)) {
  html {
    --ion-safe-area-top: var(--safe-area-inset-top, env(safe-area-inset-top));
    --ion-safe-area-bottom: var(--safe-area-inset-bottom, env(safe-area-inset-bottom));
    --ion-safe-area-left: var(--safe-area-inset-left, env(safe-area-inset-left));
    --ion-safe-area-right: var(--safe-area-inset-right, env(safe-area-inset-right));
  }
}
ion-card.ion-color .ion-inherit-color,
ion-card-header.ion-color .ion-inherit-color {
  color: inherit;
}
.menu-content {
  transform: translate3d(0, 0, 0);
}
.menu-content-open {
  cursor: pointer;
  touch-action: manipulation;
  pointer-events: none;
  overflow-y: hidden;
}
.menu-content-open ion-content {
  --overflow: hidden;
}
.menu-content-open .ion-content-scroll-host {
  overflow: hidden;
}
.ios .menu-content-reveal {
  box-shadow: -8px 0 42px rgba(0, 0, 0, 0.08);
}
[dir=rtl].ios .menu-content-reveal {
  box-shadow: 8px 0 42px rgba(0, 0, 0, 0.08);
}
.md .menu-content-reveal {
  box-shadow: 4px 0px 16px rgba(0, 0, 0, 0.18);
}
.md .menu-content-push {
  box-shadow: 4px 0px 16px rgba(0, 0, 0, 0.18);
}
ion-accordion-group.accordion-group-expand-inset > ion-accordion:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
ion-accordion-group.accordion-group-expand-inset > ion-accordion:last-of-type {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
ion-accordion-group > ion-accordion:last-of-type ion-item[slot=header] {
  --border-width: 0px;
}
ion-accordion.accordion-animated > [slot=header] .ion-accordion-toggle-icon {
  transition: 300ms transform cubic-bezier(0.25, 0.8, 0.5, 1);
}
@media (prefers-reduced-motion: reduce) {
  ion-accordion .ion-accordion-toggle-icon {
    transition: none !important;
  }
}
ion-accordion.accordion-expanding > [slot=header] .ion-accordion-toggle-icon,
ion-accordion.accordion-expanded > [slot=header] .ion-accordion-toggle-icon {
  transform: rotate(180deg);
}
ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-previous ion-item[slot=header] {
  --border-width: 0px;
  --inner-border-width: 0px;
}
ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanding:first-of-type,
ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanded:first-of-type {
  margin-top: 0;
}
ion-input input::-webkit-date-and-time-value {
  text-align: start;
}
.ion-datetime-button-overlay {
  --width: fit-content;
  --height: fit-content;
}
.ion-datetime-button-overlay ion-datetime.datetime-grid {
  width: 320px;
  min-height: 320px;
}
[ion-last-focus],
header[tabindex="-1"]:focus,
[role=banner][tabindex="-1"]:focus,
main[tabindex="-1"]:focus,
[role=main][tabindex="-1"]:focus,
h1[tabindex="-1"]:focus,
[role=heading][aria-level="1"][tabindex="-1"]:focus {
  outline: none;
}
.popover-viewport:has(> ion-content) {
  overflow: hidden;
}
@supports not selector(:has(> ion-content)) {
  .popover-viewport {
    overflow: hidden;
  }
}
html {
  font-family: var(--ion-font-family);
}
@supports (-webkit-touch-callout: none) {
  html {
    font: var(--ion-dynamic-font, 16px var(--ion-font-family));
  }
}
a {
  background-color: transparent;
  color: var(--ion-color-primary, #0054e9);
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 16px;
  margin-bottom: 10px;
  font-weight: 500;
  line-height: 1.2;
}
h1 {
  margin-top: 20px;
  font-size: 1.625rem;
}
h2 {
  margin-top: 18px;
  font-size: 1.5rem;
}
h3 {
  font-size: 1.375rem;
}
h4 {
  font-size: 1.25rem;
}
h5 {
  font-size: 1.125rem;
}
h6 {
  font-size: 1rem;
}
small {
  font-size: 75%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
.ion-align-content-start {
  align-content: flex-start !important;
}
.ion-align-content-end {
  align-content: flex-end !important;
}
.ion-align-content-center {
  align-content: center !important;
}
.ion-align-content-between {
  align-content: space-between !important;
}
.ion-align-content-around {
  align-content: space-around !important;
}
.ion-align-content-stretch {
  align-content: stretch !important;
}
@media (min-width: 576px) {
  .ion-align-content-sm-start {
    align-content: flex-start !important;
  }
  .ion-align-content-sm-end {
    align-content: flex-end !important;
  }
  .ion-align-content-sm-center {
    align-content: center !important;
  }
  .ion-align-content-sm-between {
    align-content: space-between !important;
  }
  .ion-align-content-sm-around {
    align-content: space-around !important;
  }
  .ion-align-content-sm-stretch {
    align-content: stretch !important;
  }
}
@media (min-width: 768px) {
  .ion-align-content-md-start {
    align-content: flex-start !important;
  }
  .ion-align-content-md-end {
    align-content: flex-end !important;
  }
  .ion-align-content-md-center {
    align-content: center !important;
  }
  .ion-align-content-md-between {
    align-content: space-between !important;
  }
  .ion-align-content-md-around {
    align-content: space-around !important;
  }
  .ion-align-content-md-stretch {
    align-content: stretch !important;
  }
}
@media (min-width: 992px) {
  .ion-align-content-lg-start {
    align-content: flex-start !important;
  }
  .ion-align-content-lg-end {
    align-content: flex-end !important;
  }
  .ion-align-content-lg-center {
    align-content: center !important;
  }
  .ion-align-content-lg-between {
    align-content: space-between !important;
  }
  .ion-align-content-lg-around {
    align-content: space-around !important;
  }
  .ion-align-content-lg-stretch {
    align-content: stretch !important;
  }
}
@media (min-width: 1200px) {
  .ion-align-content-xl-start {
    align-content: flex-start !important;
  }
  .ion-align-content-xl-end {
    align-content: flex-end !important;
  }
  .ion-align-content-xl-center {
    align-content: center !important;
  }
  .ion-align-content-xl-between {
    align-content: space-between !important;
  }
  .ion-align-content-xl-around {
    align-content: space-around !important;
  }
  .ion-align-content-xl-stretch {
    align-content: stretch !important;
  }
}
.ion-align-items-start {
  align-items: start !important;
}
.ion-align-items-end {
  align-items: end !important;
}
.ion-align-items-center {
  align-items: center !important;
}
.ion-align-items-stretch {
  align-items: stretch !important;
}
.ion-align-items-baseline {
  align-items: baseline !important;
}
@media (min-width: 576px) {
  .ion-align-items-sm-start {
    align-items: start !important;
  }
  .ion-align-items-sm-end {
    align-items: end !important;
  }
  .ion-align-items-sm-center {
    align-items: center !important;
  }
  .ion-align-items-sm-stretch {
    align-items: stretch !important;
  }
  .ion-align-items-sm-baseline {
    align-items: baseline !important;
  }
}
@media (min-width: 768px) {
  .ion-align-items-md-start {
    align-items: start !important;
  }
  .ion-align-items-md-end {
    align-items: end !important;
  }
  .ion-align-items-md-center {
    align-items: center !important;
  }
  .ion-align-items-md-stretch {
    align-items: stretch !important;
  }
  .ion-align-items-md-baseline {
    align-items: baseline !important;
  }
}
@media (min-width: 992px) {
  .ion-align-items-lg-start {
    align-items: start !important;
  }
  .ion-align-items-lg-end {
    align-items: end !important;
  }
  .ion-align-items-lg-center {
    align-items: center !important;
  }
  .ion-align-items-lg-stretch {
    align-items: stretch !important;
  }
  .ion-align-items-lg-baseline {
    align-items: baseline !important;
  }
}
@media (min-width: 1200px) {
  .ion-align-items-xl-start {
    align-items: start !important;
  }
  .ion-align-items-xl-end {
    align-items: end !important;
  }
  .ion-align-items-xl-center {
    align-items: center !important;
  }
  .ion-align-items-xl-stretch {
    align-items: stretch !important;
  }
  .ion-align-items-xl-baseline {
    align-items: baseline !important;
  }
}
.ion-align-self-start {
  align-self: start !important;
}
.ion-align-self-end {
  align-self: end !important;
}
.ion-align-self-center {
  align-self: center !important;
}
.ion-align-self-stretch {
  align-self: stretch !important;
}
.ion-align-self-baseline {
  align-self: baseline !important;
}
.ion-align-self-auto {
  align-self: auto !important;
}
@media (min-width: 576px) {
  .ion-align-self-sm-start {
    align-self: start !important;
  }
  .ion-align-self-sm-end {
    align-self: end !important;
  }
  .ion-align-self-sm-center {
    align-self: center !important;
  }
  .ion-align-self-sm-stretch {
    align-self: stretch !important;
  }
  .ion-align-self-sm-baseline {
    align-self: baseline !important;
  }
  .ion-align-self-sm-auto {
    align-self: auto !important;
  }
}
@media (min-width: 768px) {
  .ion-align-self-md-start {
    align-self: start !important;
  }
  .ion-align-self-md-end {
    align-self: end !important;
  }
  .ion-align-self-md-center {
    align-self: center !important;
  }
  .ion-align-self-md-stretch {
    align-self: stretch !important;
  }
  .ion-align-self-md-baseline {
    align-self: baseline !important;
  }
  .ion-align-self-md-auto {
    align-self: auto !important;
  }
}
@media (min-width: 992px) {
  .ion-align-self-lg-start {
    align-self: start !important;
  }
  .ion-align-self-lg-end {
    align-self: end !important;
  }
  .ion-align-self-lg-center {
    align-self: center !important;
  }
  .ion-align-self-lg-stretch {
    align-self: stretch !important;
  }
  .ion-align-self-lg-baseline {
    align-self: baseline !important;
  }
  .ion-align-self-lg-auto {
    align-self: auto !important;
  }
}
@media (min-width: 1200px) {
  .ion-align-self-xl-start {
    align-self: start !important;
  }
  .ion-align-self-xl-end {
    align-self: end !important;
  }
  .ion-align-self-xl-center {
    align-self: center !important;
  }
  .ion-align-self-xl-stretch {
    align-self: stretch !important;
  }
  .ion-align-self-xl-baseline {
    align-self: baseline !important;
  }
  .ion-align-self-xl-auto {
    align-self: auto !important;
  }
}
.ion-justify-content-start {
  justify-content: flex-start !important;
}
.ion-justify-content-end {
  justify-content: flex-end !important;
}
.ion-justify-content-center {
  justify-content: center !important;
}
.ion-justify-content-between {
  justify-content: space-between !important;
}
.ion-justify-content-around {
  justify-content: space-around !important;
}
.ion-justify-content-evenly {
  justify-content: space-evenly !important;
}
@media (min-width: 576px) {
  .ion-justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .ion-justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .ion-justify-content-sm-center {
    justify-content: center !important;
  }
  .ion-justify-content-sm-between {
    justify-content: space-between !important;
  }
  .ion-justify-content-sm-around {
    justify-content: space-around !important;
  }
  .ion-justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
}
@media (min-width: 768px) {
  .ion-justify-content-md-start {
    justify-content: flex-start !important;
  }
  .ion-justify-content-md-end {
    justify-content: flex-end !important;
  }
  .ion-justify-content-md-center {
    justify-content: center !important;
  }
  .ion-justify-content-md-between {
    justify-content: space-between !important;
  }
  .ion-justify-content-md-around {
    justify-content: space-around !important;
  }
  .ion-justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
}
@media (min-width: 992px) {
  .ion-justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .ion-justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .ion-justify-content-lg-center {
    justify-content: center !important;
  }
  .ion-justify-content-lg-between {
    justify-content: space-between !important;
  }
  .ion-justify-content-lg-around {
    justify-content: space-around !important;
  }
  .ion-justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
}
@media (min-width: 1200px) {
  .ion-justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .ion-justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .ion-justify-content-xl-center {
    justify-content: center !important;
  }
  .ion-justify-content-xl-between {
    justify-content: space-between !important;
  }
  .ion-justify-content-xl-around {
    justify-content: space-around !important;
  }
  .ion-justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
}
.ion-flex-row {
  flex-direction: row !important;
}
.ion-flex-row-reverse {
  flex-direction: row-reverse !important;
}
.ion-flex-column {
  flex-direction: column !important;
}
.ion-flex-column-reverse {
  flex-direction: column-reverse !important;
}
@media (min-width: 576px) {
  .ion-flex-sm-row {
    flex-direction: row !important;
  }
  .ion-flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .ion-flex-sm-column {
    flex-direction: column !important;
  }
  .ion-flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media (min-width: 768px) {
  .ion-flex-md-row {
    flex-direction: row !important;
  }
  .ion-flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .ion-flex-md-column {
    flex-direction: column !important;
  }
  .ion-flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media (min-width: 992px) {
  .ion-flex-lg-row {
    flex-direction: row !important;
  }
  .ion-flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .ion-flex-lg-column {
    flex-direction: column !important;
  }
  .ion-flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media (min-width: 1200px) {
  .ion-flex-xl-row {
    flex-direction: row !important;
  }
  .ion-flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .ion-flex-xl-column {
    flex-direction: column !important;
  }
  .ion-flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
}
.ion-wrap {
  flex-wrap: wrap !important;
}
.ion-nowrap {
  flex-wrap: nowrap !important;
}
.ion-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.ion-flex-wrap {
  flex-wrap: wrap !important;
}
.ion-flex-nowrap {
  flex-wrap: nowrap !important;
}
.ion-flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
@media (min-width: 576px) {
  .ion-flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .ion-flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .ion-flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
}
@media (min-width: 768px) {
  .ion-flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .ion-flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .ion-flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
}
@media (min-width: 992px) {
  .ion-flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .ion-flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .ion-flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
}
@media (min-width: 1200px) {
  .ion-flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .ion-flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .ion-flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
}
.ion-flex-1 {
  flex: 1 !important;
}
.ion-flex-auto {
  flex: auto !important;
}
.ion-flex-initial {
  flex: initial !important;
}
.ion-flex-none {
  flex: none !important;
}
@media (min-width: 576px) {
  .ion-flex-sm-1 {
    flex: 1 !important;
  }
  .ion-flex-sm-auto {
    flex: auto !important;
  }
  .ion-flex-sm-initial {
    flex: initial !important;
  }
  .ion-flex-sm-none {
    flex: none !important;
  }
}
@media (min-width: 768px) {
  .ion-flex-md-1 {
    flex: 1 !important;
  }
  .ion-flex-md-auto {
    flex: auto !important;
  }
  .ion-flex-md-initial {
    flex: initial !important;
  }
  .ion-flex-md-none {
    flex: none !important;
  }
}
@media (min-width: 992px) {
  .ion-flex-lg-1 {
    flex: 1 !important;
  }
  .ion-flex-lg-auto {
    flex: auto !important;
  }
  .ion-flex-lg-initial {
    flex: initial !important;
  }
  .ion-flex-lg-none {
    flex: none !important;
  }
}
@media (min-width: 1200px) {
  .ion-flex-xl-1 {
    flex: 1 !important;
  }
  .ion-flex-xl-auto {
    flex: auto !important;
  }
  .ion-flex-xl-initial {
    flex: initial !important;
  }
  .ion-flex-xl-none {
    flex: none !important;
  }
}
.ion-flex-grow-0 {
  flex-grow: 0 !important;
}
.ion-flex-grow-1 {
  flex-grow: 1 !important;
}
.ion-flex-shrink-0 {
  flex-shrink: 0 !important;
}
.ion-flex-shrink-1 {
  flex-shrink: 1 !important;
}
@media (min-width: 576px) {
  .ion-flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .ion-flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .ion-flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .ion-flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
}
@media (min-width: 768px) {
  .ion-flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .ion-flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .ion-flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .ion-flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
}
@media (min-width: 992px) {
  .ion-flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .ion-flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .ion-flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .ion-flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
}
@media (min-width: 1200px) {
  .ion-flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .ion-flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .ion-flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .ion-flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
}
.ion-order-first {
  order: -1 !important;
}
.ion-order-0 {
  order: 0 !important;
}
.ion-order-1 {
  order: 1 !important;
}
.ion-order-2 {
  order: 2 !important;
}
.ion-order-3 {
  order: 3 !important;
}
.ion-order-4 {
  order: 4 !important;
}
.ion-order-5 {
  order: 5 !important;
}
.ion-order-6 {
  order: 6 !important;
}
.ion-order-7 {
  order: 7 !important;
}
.ion-order-8 {
  order: 8 !important;
}
.ion-order-9 {
  order: 9 !important;
}
.ion-order-10 {
  order: 10 !important;
}
.ion-order-11 {
  order: 11 !important;
}
.ion-order-12 {
  order: 12 !important;
}
.ion-order-last {
  order: 13 !important;
}
@media (min-width: 576px) {
  .ion-order-sm-first {
    order: -1 !important;
  }
  .ion-order-sm-0 {
    order: 0 !important;
  }
  .ion-order-sm-1 {
    order: 1 !important;
  }
  .ion-order-sm-2 {
    order: 2 !important;
  }
  .ion-order-sm-3 {
    order: 3 !important;
  }
  .ion-order-sm-4 {
    order: 4 !important;
  }
  .ion-order-sm-5 {
    order: 5 !important;
  }
  .ion-order-sm-6 {
    order: 6 !important;
  }
  .ion-order-sm-7 {
    order: 7 !important;
  }
  .ion-order-sm-8 {
    order: 8 !important;
  }
  .ion-order-sm-9 {
    order: 9 !important;
  }
  .ion-order-sm-10 {
    order: 10 !important;
  }
  .ion-order-sm-11 {
    order: 11 !important;
  }
  .ion-order-sm-12 {
    order: 12 !important;
  }
  .ion-order-sm-last {
    order: 13 !important;
  }
}
@media (min-width: 768px) {
  .ion-order-md-first {
    order: -1 !important;
  }
  .ion-order-md-0 {
    order: 0 !important;
  }
  .ion-order-md-1 {
    order: 1 !important;
  }
  .ion-order-md-2 {
    order: 2 !important;
  }
  .ion-order-md-3 {
    order: 3 !important;
  }
  .ion-order-md-4 {
    order: 4 !important;
  }
  .ion-order-md-5 {
    order: 5 !important;
  }
  .ion-order-md-6 {
    order: 6 !important;
  }
  .ion-order-md-7 {
    order: 7 !important;
  }
  .ion-order-md-8 {
    order: 8 !important;
  }
  .ion-order-md-9 {
    order: 9 !important;
  }
  .ion-order-md-10 {
    order: 10 !important;
  }
  .ion-order-md-11 {
    order: 11 !important;
  }
  .ion-order-md-12 {
    order: 12 !important;
  }
  .ion-order-md-last {
    order: 13 !important;
  }
}
@media (min-width: 992px) {
  .ion-order-lg-first {
    order: -1 !important;
  }
  .ion-order-lg-0 {
    order: 0 !important;
  }
  .ion-order-lg-1 {
    order: 1 !important;
  }
  .ion-order-lg-2 {
    order: 2 !important;
  }
  .ion-order-lg-3 {
    order: 3 !important;
  }
  .ion-order-lg-4 {
    order: 4 !important;
  }
  .ion-order-lg-5 {
    order: 5 !important;
  }
  .ion-order-lg-6 {
    order: 6 !important;
  }
  .ion-order-lg-7 {
    order: 7 !important;
  }
  .ion-order-lg-8 {
    order: 8 !important;
  }
  .ion-order-lg-9 {
    order: 9 !important;
  }
  .ion-order-lg-10 {
    order: 10 !important;
  }
  .ion-order-lg-11 {
    order: 11 !important;
  }
  .ion-order-lg-12 {
    order: 12 !important;
  }
  .ion-order-lg-last {
    order: 13 !important;
  }
}
@media (min-width: 1200px) {
  .ion-order-xl-first {
    order: -1 !important;
  }
  .ion-order-xl-0 {
    order: 0 !important;
  }
  .ion-order-xl-1 {
    order: 1 !important;
  }
  .ion-order-xl-2 {
    order: 2 !important;
  }
  .ion-order-xl-3 {
    order: 3 !important;
  }
  .ion-order-xl-4 {
    order: 4 !important;
  }
  .ion-order-xl-5 {
    order: 5 !important;
  }
  .ion-order-xl-6 {
    order: 6 !important;
  }
  .ion-order-xl-7 {
    order: 7 !important;
  }
  .ion-order-xl-8 {
    order: 8 !important;
  }
  .ion-order-xl-9 {
    order: 9 !important;
  }
  .ion-order-xl-10 {
    order: 10 !important;
  }
  .ion-order-xl-11 {
    order: 11 !important;
  }
  .ion-order-xl-12 {
    order: 12 !important;
  }
  .ion-order-xl-last {
    order: 13 !important;
  }
}
*,
::before,
::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
*,
::before,
::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: currentColor;
}
::before,
::after {
  --tw-content: "";
}
html,
:host {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  tab-size: 4;
  font-family:
    ui-sans-serif,
    system-ui,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent;
}
body {
  margin: 0;
  line-height: inherit;
}
hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}
abbr:where([title]) {
  text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
a {
  color: inherit;
  text-decoration: inherit;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp,
pre {
  font-family:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace;
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}
button,
select {
  text-transform: none;
}
button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
}
:-moz-focusring {
  outline: auto;
}
:-moz-ui-invalid {
  box-shadow: none;
}
progress {
  vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
summary {
  display: list-item;
}
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
dialog {
  padding: 0;
}
textarea {
  resize: vertical;
}
input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #9ca3af;
}
button,
[role=button] {
  cursor: pointer;
}
:disabled {
  cursor: default;
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}
img,
video {
  max-width: 100%;
  height: auto;
}
[hidden]:where(:not([hidden=until-found])) {
  display: none;
}
.text-xs {
  font-family: Soehne, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.125rem;
  letter-spacing: 0;
  font-style: normal;
}
.text-sm {
  font-family: Soehne, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0;
  font-style: normal;
}
.icon-xs {
  font-family: "Material Symbols Outlined";
  font-size: 0.75rem;
  font-weight: 400;
  font-variation-settings: "FILL" 0, "opsz" 12;
}
.icon-sm {
  font-family: "Material Symbols Outlined";
  font-size: 0.875rem;
  font-weight: 400;
  font-variation-settings: "FILL" 0, "opsz" 14;
}
.icon-base {
  font-family: "Material Symbols Outlined";
  font-size: 1rem;
  font-weight: 400;
  font-variation-settings: "FILL" 0, "opsz" 16;
}
.icon-lg {
  font-family: "Material Symbols Outlined";
  font-size: 1.125rem;
  font-weight: 400;
  font-variation-settings: "FILL" 0, "opsz" 18;
}
.icon-xl {
  font-family: "Material Symbols Outlined";
  font-size: 1.25rem;
  font-weight: 400;
  font-variation-settings: "FILL" 0, "opsz" 20;
}
.\!icon-2xl {
  font-family: "Material Symbols Outlined" !important;
  font-size: 1.5rem !important;
  font-weight: 400 !important;
  font-variation-settings: "FILL" 0, "opsz" 24 !important;
}
.icon-2xl {
  font-family: "Material Symbols Outlined";
  font-size: 1.5rem;
  font-weight: 400;
  font-variation-settings: "FILL" 0, "opsz" 24;
}
.icon-3xl {
  font-family: "Material Symbols Outlined";
  font-size: 1.75rem;
  font-weight: 400;
  font-variation-settings: "FILL" 0, "opsz" 28;
}
.icon-4xl {
  font-family: "Material Symbols Outlined";
  font-size: 2rem;
  font-weight: 400;
  font-variation-settings: "FILL" 0, "opsz" 32;
}
.icon-5xl {
  font-family: "Material Symbols Outlined";
  font-size: 2.25rem;
  font-weight: 400;
  font-variation-settings: "FILL" 0, "opsz" 36;
}
.doka-action-icon {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.doka-action-icon:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.doka-action-icon {
  cursor: pointer;
}
.doka-action-icon:disabled {
  cursor: not-allowed;
}
.doka-action-icon {
  color: var(--color-icon-accent);
}
.doka-action-icon:disabled {
  color: var(--color-icon-disabled-light);
}
.doka-action-icon {
  background-color: transparent;
}
.doka-action-icon:hover:enabled {
  background-color: var(--color-background-action-hover);
}
.doka-action-icon:focus:enabled {
  background-color: var(--color-background-action-focus);
}
.doka-action-icon:disabled {
  background-color: transparent;
}
.doka-action-icon {
  border-radius: .375rem;
  font-family: Material Symbols Outlined;
  font-size: .875rem;
  font-variation-settings: "FILL" 0, "opsz" 14;
  font-weight: 400;
  height: 2rem;
  transition-duration: .15s;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  width: 2rem;
}
.doka-action-icon.doka-action-icon-small {
  border-radius: .25rem;
  font-family: Material Symbols Outlined;
  font-size: .75rem;
  font-variation-settings: "FILL" 0, "opsz" 12;
  font-weight: 400;
  height: 1.5rem;
  width: 1.5rem;
}
.doka-action-icon.doka-action-icon-large {
  font-family: Material Symbols Outlined;
  font-size: 1.125rem;
  font-variation-settings: "FILL" 0, "opsz" 18;
  font-weight: 400;
  height: 42px;
  width: 42px;
}
.doka-action-icon.doka-action-icon-activated {
  background-color: var(--color-background-highlight);
}
.doka-action-icon.doka-action-icon-activated:hover:enabled {
  background-color: var(--color-background-highlight-hover);
}
.doka-action-icon.doka-action-icon-activated:focus:enabled {
  background-color: var(--color-background-highlight-focus);
}
.doka-action-icon.doka-action-icon-activated:disabled {
  background-color: var(--color-background-disabled);
}
.doka-action-icon.doka-action-icon-activated {
  color: var(--color-icon-accent);
}
.doka-action-icon.doka-action-icon-activated:disabled {
  color: var(--color-icon-disabled);
}
.doka-action-icon-switch .doka-action-icon-activated {
  background-color: var(--color-background-action-hover);
}
.doka-action-icon-switch .doka-action-icon-activated:hover:enabled {
  background-color: var(--color-background-action-hover);
}
.doka-action-icon-switch .doka-action-icon-activated:focus:enabled {
  background-color: var(--color-background-action-hover);
}
.doka-action-icon-switch-vertical .doka-action-icon,
.doka-action-icon-switch-vertical .doka-action-icon-large {
  border-radius: .375rem;
}
.doka-action-icon-switch-vertical .doka-action-icon-small {
  border-radius: .25rem;
}
.doka-badge {
  align-items: center;
  background-color: var(--color-background-information-light);
  border-radius: .375rem;
  color: var(--color-text-accent);
  display: inline-flex;
  font-family: Soehne, sans-serif;
  font-size: .75rem;
  font-style: normal;
  font-weight: 400;
  height: 1.5rem;
  letter-spacing: 0;
  line-height: 1.125rem;
  padding-left: var(--spacing-base);
  padding-right: var(--spacing-base);
  width: fit-content;
}
.doka-badge-content {
  width: 100%;
}
.doka-badge-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.doka-badge .doka-badge-icon {
  color: var(--color-icon-accent);
  font-family: Material Symbols Outlined;
  font-size: .75rem;
  font-variation-settings: "FILL" 0, "opsz" 12;
  font-weight: 400;
}
.doka-badge.doka-badge-light {
  color: var(--color-text-information);
}
.doka-badge.doka-badge-light .doka-badge-icon {
  color: var(--color-icon-information);
}
.doka-badge.doka-badge-neutral {
  background-color: var(--color-background-gray-ultra-light);
  color: var(--color-text-light);
}
.doka-badge.doka-badge-neutral .doka-badge-icon {
  color: var(--color-icon-default);
}
.doka-badge.doka-badge-primary-yellow {
  background-color: var(--color-background-highlight);
  color: var(--color-text-accent);
}
.doka-badge.doka-badge-primary-yellow .doka-badge-icon {
  color: var(--color-icon-accent);
}
.doka-badge.doka-badge-primary-blue {
  background-color: var(--color-background-accent);
  color: var(--color-text-inverted);
}
.doka-badge.doka-badge-primary-blue .doka-badge-icon {
  color: var(--color-icon-inverted);
}
.doka-badge.doka-badge-alert {
  background-color: var(--color-background-alert-light);
  color: var(--color-text-alert);
}
.doka-badge.doka-badge-alert .doka-badge-icon {
  color: var(--color-icon-alert);
}
.doka-badge.doka-badge-warning {
  background-color: var(--color-background-warning-light);
  color: var(--color-text-warning);
}
.doka-badge.doka-badge-warning .doka-badge-icon {
  color: var(--color-icon-warning);
}
.doka-badge.doka-badge-success {
  background-color: var(--color-background-success-light);
  color: var(--color-text-success);
}
.doka-badge.doka-badge-success .doka-badge-icon {
  color: var(--color-icon-success);
}
.doka-badge.doka-badge-small {
  height: 1.25rem;
  padding-left: var(--spacing-sm);
  padding-right: var(--spacing-sm);
}
.doka-badge-content {
  display: flex;
  gap: var(--spacing-sm);
}
.doka-button {
  align-items: baseline;
  border-radius: .375rem;
  display: inline-flex;
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  gap: var(--spacing-base);
  letter-spacing: 0;
  line-height: 1.5rem;
  padding: var(--spacing-base) var(--spacing-xl);
}
.doka-button:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.doka-button:disabled {
  cursor: not-allowed;
}
.doka-button {
  border: 1px solid transparent;
  color: var(--color-text-inverted);
  transition-duration: .15s;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.doka-button:hover:enabled {
  color: var(--color-text-inverted);
}
.doka-button:focus:enabled {
  color: var(--color-text-inverted);
}
.doka-button:disabled {
  color: var(--color-text-disabled);
}
.doka-button {
  background-color: var(--color-background-accent);
}
.doka-button:hover:enabled {
  background-color: var(--color-background-accent-hover);
}
.doka-button:focus:enabled {
  background-color: var(--color-background-accent-focus);
}
.doka-button:disabled {
  background-color: var(--color-background-disabled);
}
.doka-button {
  height: fit-content;
  position: relative;
  width: fit-content;
}
.doka-button:has(.doka-spinner) {
  color: transparent;
}
.doka-button:not(:has(.doka-spinner)) .doka-button-icon {
  color: var(--color-icon-inverted);
}
.doka-button > span {
  min-width: max-content;
}
.doka-button .doka-spinner {
  left: 50%;
  margin-left: -.5rem;
  margin-top: -.5rem;
  position: absolute;
  top: 50%;
}
.doka-button .doka-button-icon {
  align-self: center;
  display: flex;
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
}
.doka-button:disabled:not(:has(.doka-spinner)) .doka-button-icon {
  color: var(--color-icon-disabled);
}
.doka-button.doka-button-secondary {
  background-color: var(--color-background-action);
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
}
.doka-button.doka-button-secondary:hover:enabled {
  background-color: var(--color-background-action-hover);
}
.doka-button.doka-button-secondary:focus:enabled {
  background-color: var(--color-background-action-focus);
}
.doka-button.doka-button-secondary:disabled {
  background-color: var(--color-background-action);
}
.doka-button.doka-button-secondary {
  color: var(--color-text-accent);
}
.doka-button.doka-button-secondary:hover:enabled {
  color: var(--color-text-accent);
}
.doka-button.doka-button-secondary:focus:enabled {
  color: var(--color-text-accent);
}
.doka-button.doka-button-secondary:disabled {
  color: var(--color-text-disabled-light);
}
.doka-button.doka-button-secondary {
  border-color: var(--color-border-accent);
}
.doka-button.doka-button-secondary:disabled {
  border-color: var(--color-border-disabled);
}
.doka-button.doka-button-secondary:has(.doka-spinner) {
  color: transparent;
}
.doka-button.doka-button-secondary:not(:has(.doka-spinner)) .doka-button-icon {
  color: var(--color-icon-accent);
}
.doka-button.doka-button-secondary:disabled:not(:has(.doka-spinner)) .doka-button-icon {
  color: var(--color-icon-disabled-light);
}
.doka-button.doka-button-danger {
  background-color: var(--color-background-danger);
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
}
.doka-button.doka-button-danger:hover:enabled {
  background-color: var(--color-background-danger-hover);
}
.doka-button.doka-button-danger:focus:enabled {
  background-color: var(--color-background-danger-focus);
}
.doka-button.doka-button-danger:disabled {
  background-color: var(--color-background-danger);
}
.doka-button.doka-button-danger {
  color: var(--color-text-alert);
}
.doka-button.doka-button-danger:hover:enabled {
  color: var(--color-text-alert);
}
.doka-button.doka-button-danger:focus:enabled {
  color: var(--color-text-alert);
}
.doka-button.doka-button-danger:disabled {
  color: var(--color-text-disabled-light);
}
.doka-button.doka-button-danger {
  border-color: var(--color-border-alert);
}
.doka-button.doka-button-danger:disabled {
  border-color: var(--color-border-disabled);
}
.doka-button.doka-button-danger:has(.doka-spinner) {
  color: transparent;
}
.doka-button.doka-button-danger:not(:has(.doka-spinner)) .doka-button-icon {
  color: var(--color-icon-alert);
}
.doka-button.doka-button-danger:disabled:not(:has(.doka-spinner)) .doka-button-icon {
  color: var(--color-icon-disabled-light);
}
.doka-button.doka-button-small.doka-button {
  font-family: Soehne, sans-serif;
  font-size: .875rem;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.25rem;
  padding-bottom: .375rem;
  padding-left: var(--spacing-md);
  padding-right: var(--spacing-md);
  padding-top: .375rem;
}
.doka-button.doka-button-small.doka-button-danger,
.doka-button.doka-button-small.doka-button-secondary {
  font-family: Soehne, sans-serif;
  font-size: .875rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
}
.doka-button-group {
  display: inline-flex;
}
.doka-button-group > :nth-child(n) {
  border-radius: 0;
  margin-right: -.125rem;
}
.doka-button-group > :nth-child(n) + button:disabled {
  border-left-width: 0;
  margin-left: .125rem;
}
.doka-button-group > :first-child {
  border-bottom-left-radius: .375rem;
  border-top-left-radius: .375rem;
}
.doka-button-group > :last-child {
  border-bottom-right-radius: .375rem;
  border-top-right-radius: .375rem;
  margin-right: 0;
}
.doka-button-group.doka-button-group-small .doka-button {
  font-family: Soehne, sans-serif;
  font-size: .875rem;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.25rem;
  padding-bottom: .375rem;
  padding-left: var(--spacing-md);
  padding-right: var(--spacing-md);
  padding-top: .375rem;
}
.doka-button.doka-button-activated.doka-button-secondary:enabled {
  background-color: var(--color-background-highlight);
}
.doka-button.doka-button-activated.doka-button-secondary:hover:enabled {
  background-color: var(--color-background-highlight-hover);
}
.doka-button.doka-button-activated.doka-button-secondary:focus:enabled {
  background-color: var(--color-background-highlight-focus);
}
.doka-button.doka-button-activated.doka-button-secondary:disabled {
  background-color: var(--color-background-disabled);
  color: var(--color-text-disabled);
}
.doka-button.doka-button-activated.doka-button-secondary:disabled .doka-button-icon {
  color: var(--color-icon-disabled);
}
.doka-button-selectable {
  display: inline-flex;
}
.doka-button-selectable > :nth-child(n) {
  border-radius: 0;
  margin-right: -.125rem;
}
.doka-button-selectable > :nth-child(n) + button:disabled {
  border-left-width: 0;
  margin-left: .125rem;
}
.doka-button-selectable > :first-child {
  border-bottom-left-radius: .375rem;
  border-top-left-radius: .375rem;
}
.doka-button-selectable > :last-child {
  border-bottom-right-radius: .375rem;
  border-top-right-radius: .375rem;
  margin-right: 0;
}
.doka-button-selectable .doka-button-selection {
  align-items: baseline;
  border-radius: .375rem;
  display: inline-flex;
  font-weight: 600;
  gap: var(--spacing-base);
  padding: var(--spacing-base) var(--spacing-xl);
}
.doka-button-selectable .doka-button-selection:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.doka-button-selectable .doka-button-selection:disabled {
  cursor: not-allowed;
}
.doka-button-selectable .doka-button-selection {
  background-color: var(--color-background-action);
  border: 1px solid transparent;
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
  transition-duration: .15s;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.doka-button-selectable .doka-button-selection:hover:enabled {
  background-color: var(--color-background-action-hover);
}
.doka-button-selectable .doka-button-selection:focus:enabled {
  background-color: var(--color-background-action-focus);
}
.doka-button-selectable .doka-button-selection:disabled {
  background-color: var(--color-background-action);
}
.doka-button-selectable .doka-button-selection {
  color: var(--color-text-accent);
}
.doka-button-selectable .doka-button-selection:hover:enabled {
  color: var(--color-text-accent);
}
.doka-button-selectable .doka-button-selection:focus:enabled {
  color: var(--color-text-accent);
}
.doka-button-selectable .doka-button-selection:disabled {
  color: var(--color-text-disabled-light);
}
.doka-button-selectable .doka-button-selection {
  border-color: var(--color-border-accent);
}
.doka-button-selectable .doka-button-selection:disabled {
  border-color: var(--color-border-disabled);
}
.doka-button-selectable .doka-button-selection {
  border-radius: 0;
  border-bottom-right-radius: .375rem;
  border-top-right-radius: .375rem;
}
.doka-button-selectable .doka-button-selection:after {
  font-family: Material Symbols Outlined;
  font-size: 1.125rem;
  font-variation-settings: "FILL" 0, "opsz" 18;
  font-weight: 400;
  --tw-content: "\e5cf";
  content: var(--tw-content);
}
.doka-button-selectable .doka-button-selection:enabled:after {
  color: var(--color-icon-accent);
  content: var(--tw-content);
}
.doka-button-selectable .doka-button-selection:disabled:after {
  color: var(--color-icon-disabled-light);
  content: var(--tw-content);
}
.doka-button-selectable .doka-button-selection.doka-button-selectable .doka-button-selection-activated:enabled {
  background-color: var(--color-background-action);
}
.doka-button-selectable .doka-button-selection.doka-button-selectable .doka-button-selection-activated:hover:enabled {
  background-color: var(--color-background-action-hover);
}
.doka-button-selectable .doka-button-selection.doka-button-selectable .doka-button-selection-activated:focus:enabled {
  background-color: var(--color-background-action-focus);
}
.doka-button-selectable .doka-button-selection {
  height: fit-content;
  padding: var(--spacing-base);
}
.doka-button-selectable:has(.doka-button-small) .doka-button-selection {
  padding-bottom: var(--spacing-sm);
  padding-top: var(--spacing-sm);
}
.doka-button-selectable.doka-button-selectable-disabled > :nth-child(n) {
  background-color: var(--color-background-action);
  border-color: var(--color-border-disabled);
  cursor: not-allowed;
}
.doka-button-selectable.doka-button-selectable-disabled > :nth-child(n):hover {
  background-color: var(--color-background-action);
}
.doka-button-selectable.doka-button-selectable-disabled > :nth-child(n):focus {
  background-color: var(--color-background-action);
}
.doka-button-selectable.doka-button-selectable-disabled .doka-button-secondary {
  color: var(--color-text-disabled-light);
}
.doka-button-selectable.doka-button-selectable-disabled .doka-button-secondary:hover {
  color: var(--color-text-disabled-light);
}
.doka-button-selectable.doka-button-selectable-disabled .doka-button-secondary:focus {
  color: var(--color-text-disabled-light);
}
.doka-button-selectable.doka-button-selectable-disabled .doka-button-secondary .doka-button-icon {
  color: var(--color-icon-disabled-light);
}
.doka-button-selectable.doka-button-selectable-disabled .doka-button-activated.doka-button-secondary {
  background-color: var(--color-background-disabled);
}
.doka-button-selectable.doka-button-selectable-disabled .doka-button-activated.doka-button-secondary:hover {
  background-color: var(--color-background-disabled);
}
.doka-button-selectable.doka-button-selectable-disabled .doka-button-activated.doka-button-secondary:focus {
  background-color: var(--color-background-disabled);
}
.doka-button-selectable.doka-button-selectable-disabled .doka-button-activated.doka-button-secondary {
  color: var(--color-text-disabled);
}
.doka-button-selectable.doka-button-selectable-disabled .doka-button-activated.doka-button-secondary:hover {
  color: var(--color-text-disabled);
}
.doka-button-selectable.doka-button-selectable-disabled .doka-button-activated.doka-button-secondary:focus {
  color: var(--color-text-disabled);
}
.doka-button-selectable.doka-button-selectable-disabled .doka-button-activated.doka-button-secondary .doka-button-icon {
  color: var(--color-icon-disabled);
}
.doka-button-selectable.doka-button-selectable-disabled .doka-button-selection:after {
  color: var(--color-icon-disabled-light);
  content: var(--tw-content);
}
.doka-checkbox:before {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 0;
}
.doka-checkbox {
  position: relative;
}
.doka-checkbox:before {
  border-style: solid;
  border-width: 1px;
}
.doka-checkbox:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.doka-checkbox:before {
  border-color: var(--color-border-default);
  height: 1rem;
  position: absolute;
  top: -.125rem;
  width: 1rem;
}
.doka-checkbox:focus:before {
  border-color: var(--color-border-accent);
  content: var(--tw-content);
}
.doka-checkbox:disabled:before {
  border-color: var(--color-border-disabled);
}
.doka-checkbox:checked:before {
  border-color: transparent;
}
.doka-checkbox:focus:checked:before {
  border-color: transparent;
}
.doka-checkbox:disabled:checked:before {
  border-color: transparent;
}
.doka-checkbox:before {
  color: transparent;
}
.doka-checkbox:checked:before {
  color: var(--color-icon-inverted);
}
.doka-checkbox:checked:disabled:before {
  color: var(--color-icon-disabled);
  content: var(--tw-content);
}
.doka-checkbox:before {
  align-items: center;
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  text-align: center;
  --tw-content: "\e876";
  background-color: var(--color-background-gray-ultra-light);
  content: var(--tw-content);
}
.doka-checkbox:disabled:before {
  background-color: var(--color-background-default);
  content: var(--tw-content);
}
.doka-checkbox:checked:before {
  background-color: var(--color-background-accent);
  content: var(--tw-content);
}
.doka-checkbox:focus:checked:before {
  background-color: var(--color-background-accent-focus);
  content: var(--tw-content);
}
.doka-checkbox:disabled:checked:before {
  background-color: var(--color-background-disabled);
  content: var(--tw-content);
}
.doka-checkbox {
  cursor: pointer;
}
.doka-checkbox:disabled {
  cursor: not-allowed;
}
.doka-checkbox {
  margin-right: 1rem;
}
.doka-checkbox-container {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.doka-checkbox-container:hover {
  cursor: pointer;
}
.doka-checkbox-container:focus {
  cursor: pointer;
}
.doka-checkbox-container:has(.doka-checkbox:disabled) {
  cursor: not-allowed;
}
.doka-checkbox-container:has(.doka-checkbox-alert-message):not(:has(.doka-checkbox:disabled, .doka-checkbox:checked)) .doka-checkbox:before {
  border-color: var(--color-border-alert);
  content: var(--tw-content);
}
.doka-checkbox-container:has(.doka-checkbox-alert-message) .doka-checkbox:checked:before {
  border-color: transparent;
  content: var(--tw-content);
}
.doka-checkbox-container:has(.doka-checkbox:disabled) .doka-checkbox-alert-message {
  display: none;
}
.doka-checkbox-container:has(.doka-checkbox:disabled) .doka-checkbox-information-message {
  display: none;
}
.doka-checkbox-container:has(.doka-checkbox:disabled) .doka-checkbox-warning-message {
  display: none;
}
.doka-checkbox-container:has(.doka-checkbox:disabled) .doka-checkbox-success-message {
  display: none;
}
.doka-checkbox-container:has(.doka-checkbox:checked) .doka-checkbox-alert-message {
  display: none;
}
.doka-checkbox-container:has(.doka-checkbox:disabled) .doka-checkbox-label {
  color: var(--color-text-disabled);
}
.doka-checkbox-container:has(.doka-checkbox:disabled) .doka-checkbox-description {
  color: var(--color-text-disabled);
}
.doka-checkbox-container:not(:has(.doka-checkbox:disabled)):has(.doka-checkbox-required) .doka-checkbox-label:after {
  --tw-content: "*";
  color: var(--color-icon-alert);
  content: var(--tw-content);
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
}
.doka-checkbox-container .doka-status-indicator:before {
  content: var(--tw-content);
  margin-top: 1px;
}
.doka-checkbox-label {
  color: var(--color-text-default);
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
  max-width: calc(100% - 32px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.doka-checkbox-description {
  color: var(--color-text-ultra-light);
  flex-basis: 100%;
  margin-left: 1.75rem;
  margin-top: calc(var(--spacing-sm)*-1);
}
.doka-checkbox-alert-message,
.doka-checkbox-description {
  font-family: Soehne, sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  word-wrap: break-word;
  font-size: .875rem;
}
.doka-checkbox-alert-message {
  display: inline-flex;
  overflow: auto;
  width: 100%;
}
.doka-checkbox-alert-message:before {
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  padding-right: .25rem;
}
.doka-checkbox-alert-message {
  color: var(--color-text-alert);
}
.doka-checkbox-alert-message:before {
  color: var(--color-icon-alert);
  --tw-content: "error";
  content: var(--tw-content);
}
.doka-checkbox-alert-message {
  margin-left: 1.75rem;
}
.doka-checkbox.doka-checkbox-inderminate:before {
  border-color: transparent;
  display: flex;
}
.doka-checkbox.doka-checkbox-inderminate:focus:before {
  border-color: transparent;
}
.doka-checkbox.doka-checkbox-inderminate:disabled:before {
  border-color: transparent;
}
.doka-checkbox.doka-checkbox-inderminate:before {
  color: var(--color-icon-inverted);
}
.doka-checkbox.doka-checkbox-inderminate:disabled:before {
  color: var(--color-icon-disabled);
}
.doka-checkbox.doka-checkbox-inderminate:before {
  font-family: Material Symbols Outlined;
  font-size: .5rem;
  font-variation-settings: "FILL" 1, "opsz" 12;
  font-weight: 600;
  position: absolute;
  --tw-content: "square";
  background-color: var(--color-background-accent);
  content: var(--tw-content);
}
.doka-checkbox.doka-checkbox-inderminate:focus:before {
  background-color: var(--color-background-accent-focus);
  content: var(--tw-content);
}
.doka-checkbox.doka-checkbox-inderminate:disabled:before {
  background-color: var(--color-background-disabled);
  content: var(--tw-content);
}
.doka-chip {
  background-color: var(--color-background-gray-light);
  border-radius: .25rem;
  color: var(--color-text-default);
  display: inline-flex;
  font-family: Soehne, sans-serif;
  font-size: .875rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  padding: var(--spacing-xs) var(--spacing-base);
  width: fit-content;
}
.doka-chip-action {
  all: unset;
  align-items: center;
  background-color: var(--color-background-gray-light);
  border-bottom-right-radius: .25rem;
  border-top-right-radius: .25rem;
  display: flex;
  margin: calc(var(--spacing-xs)*-1) calc(var(--spacing-base)*-1) calc(var(--spacing-xs)*-1) var(--spacing-sm);
  padding: var(--spacing-xs) var(--spacing-sm);
}
.doka-chip-action:hover {
  background-color: var(--color-background-gray);
}
.doka-chip-action:focus {
  background-color: var(--color-background-gray-strong);
}
.doka-chip-action:hover {
  cursor: pointer;
}
.doka-chip-action:focus {
  cursor: pointer;
}
.doka-chip-action {
  transition-duration: .15s;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.doka-chip-action-remove {
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
}
.doka-chip-action-remove:before {
  color: var(--color-icon-default);
  --tw-content: "\e5cd";
  content: var(--tw-content);
}
.doka-chip-action-add {
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
}
.doka-chip-action-add:before {
  color: var(--color-icon-default);
  --tw-content: "\e145";
  content: var(--tw-content);
}
.doka-chip-disabled {
  background-color: var(--color-background-default);
  color: var(--color-text-disabled);
}
.doka-chip-disabled .doka-chip-action-remove:before {
  color: var(--color-icon-disabled);
  content: var(--tw-content);
}
.doka-chip-disabled .doka-chip-action-add:before {
  color: var(--color-icon-disabled);
  content: var(--tw-content);
}
.doka-chip-disabled .doka-chip-action {
  background-color: var(--color-background-default);
  cursor: not-allowed;
}
.doka-chip-activated {
  background-color: var(--color-background-highlight);
}
.doka-chip-activated:hover:enabled {
  background-color: var(--color-background-highlight-hover);
}
.doka-chip-activated:focus:enabled {
  background-color: var(--color-background-highlight-focus);
}
.doka-chip-activated .doka-chip-action:enabled {
  background-color: var(--color-background-highlight);
}
.doka-chip-activated .doka-chip-action:hover:enabled {
  background-color: var(--color-background-highlight-hover);
}
.doka-chip-activated .doka-chip-action:focus:enabled {
  background-color: var(--color-background-highlight-focus);
}
.doka-chip-activated:disabled {
  background-color: var(--color-background-default);
  color: var(--color-text-disabled);
}
.doka-chip-activated:disabled .doka-chip-action-remove:before {
  color: var(--color-icon-disabled);
  content: var(--tw-content);
}
.doka-chip-activated:disabled .doka-chip-action-add:before {
  color: var(--color-icon-disabled);
  content: var(--tw-content);
}
.doka-chip-activated:disabled .doka-chip-action {
  background-color: var(--color-background-default);
  cursor: not-allowed;
}
.doka-chip-activated:disabled {
  background-color: var(--color-background-disabled);
}
.doka-chip-activated:disabled:hover {
  background-color: var(--color-background-disabled);
}
.doka-chip-activated:disabled:focus {
  background-color: var(--color-background-disabled);
}
.doka-chip-activated:disabled .doka-chip-action {
  background-color: var(--color-background-disabled);
}
.doka-chip-activated:disabled .doka-chip-action:hover {
  background-color: var(--color-background-disabled);
}
.doka-chip-activated:disabled .doka-chip-action:focus {
  background-color: var(--color-background-disabled);
}
.doka-chip-activated.doka-chip-disabled {
  background-color: var(--color-background-default);
  color: var(--color-text-disabled);
}
.doka-chip-activated.doka-chip-disabled .doka-chip-action-remove:before {
  color: var(--color-icon-disabled);
  content: var(--tw-content);
}
.doka-chip-activated.doka-chip-disabled .doka-chip-action-add:before {
  color: var(--color-icon-disabled);
  content: var(--tw-content);
}
.doka-chip-activated.doka-chip-disabled .doka-chip-action {
  background-color: var(--color-background-default);
  cursor: not-allowed;
}
.doka-chip-activated.doka-chip-disabled {
  background-color: var(--color-background-disabled);
}
.doka-chip-activated.doka-chip-disabled:hover {
  background-color: var(--color-background-disabled);
}
.doka-chip-activated.doka-chip-disabled:focus {
  background-color: var(--color-background-disabled);
}
.doka-chip-activated.doka-chip-disabled .doka-chip-action {
  background-color: var(--color-background-disabled);
}
.doka-chip-activated.doka-chip-disabled .doka-chip-action:hover {
  background-color: var(--color-background-disabled);
}
.doka-chip-activated.doka-chip-disabled .doka-chip-action:focus {
  background-color: var(--color-background-disabled);
}
.doka-link {
  color: var(--color-text-accent);
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
}
.doka-link:visited {
  color: var(--color-text-accent);
}
.doka-link {
  position: relative;
  text-decoration-line: none;
}
.doka-link:hover {
  text-decoration-line: underline;
}
.doka-link:focus {
  text-decoration-line: underline;
}
.doka-link {
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-duration: .15s;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.doka-link.doka-link-disabled {
  color: var(--color-text-disabled-light);
}
.doka-link.doka-link-disabled:visited {
  color: var(--color-text-disabled-light);
}
.doka-link.doka-link-disabled:hover {
  text-decoration-line: none;
}
.doka-link.doka-link-disabled:focus {
  text-decoration-line: none;
}
.doka-link.doka-link-disabled {
  cursor: not-allowed;
}
.doka-link.doka-link-disabled:active {
  pointer-events: none;
}
.doka-link.doka-link-disabled:before {
  color: var(--color-icon-disabled-light);
  content: var(--tw-content);
}
.doka-link.doka-link-disabled:after {
  color: var(--color-icon-disabled-light);
  content: var(--tw-content);
}
.doka-link.doka-link-external {
  display: inline-block;
  margin-right: 1.25rem;
}
.doka-link.doka-link-external:after {
  color: var(--color-icon-accent);
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  padding-left: var(--spacing-sm);
  position: absolute;
  --tw-content: "open_in_new";
  content: var(--tw-content);
}
.doka-link.doka-link-mail {
  display: inline-block;
  margin-left: 1.25rem;
}
.doka-link.doka-link-mail:before {
  color: var(--color-icon-accent);
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  left: -1.25rem;
  position: absolute;
  --tw-content: "mail";
  content: var(--tw-content);
}
.doka-link.doka-link-phone {
  display: inline-block;
  margin-left: 1.25rem;
}
.doka-link.doka-link-phone:before {
  color: var(--color-icon-accent);
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  left: -1.25rem;
  position: absolute;
  --tw-content: "phone";
  content: var(--tw-content);
}
.doka-link.doka-link-smartphone {
  display: inline-block;
  margin-left: 1.25rem;
}
.doka-link.doka-link-smartphone:before {
  color: var(--color-icon-accent);
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  left: -1.25rem;
  position: absolute;
  --tw-content: "smartphone";
  content: var(--tw-content);
}
.doka-link.doka-link-address {
  display: inline-block;
  margin-left: 1.25rem;
}
.doka-link.doka-link-address:before {
  color: var(--color-icon-accent);
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  left: -1.25rem;
  position: absolute;
  --tw-content: "location_on";
  content: var(--tw-content);
}
.doka-radio-button {
  align-content: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-style: solid;
  border-width: 1px;
  display: grid;
  justify-content: center;
  margin-right: var(--spacing-md);
  place-content: center;
}
.doka-radio-button:before {
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(0) scaleY(0);
}
.doka-radio-button {
  height: 1rem;
  width: 1rem;
}
.doka-radio-button:before {
  height: .5rem;
  width: .5rem;
}
.doka-radio-button {
  border-radius: .5rem;
}
.doka-radio-button:before {
  border-radius: .5rem;
}
.doka-radio-button:checked:before {
  content: var(--tw-content);
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.doka-radio-button:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.doka-radio-button:before {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-duration: .15s;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke,
    opacity,
    box-shadow,
    transform,
    filter,
    backdrop-filter,
    -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.doka-radio-button:hover {
  cursor: pointer;
}
.doka-radio-button:focus {
  cursor: pointer;
}
.doka-radio-button:disabled {
  cursor: not-allowed;
}
.doka-radio-button {
  background-color: var(--color-background-gray-ultra-light);
}
.doka-radio-button:checked {
  background-color: var(--color-background-accent);
}
.doka-radio-button:focus:checked {
  background-color: var(--color-background-accent-focus);
}
.doka-radio-button:disabled {
  background-color: var(--color-background-default);
}
.doka-radio-button:disabled:checked {
  background-color: var(--color-background-disabled);
}
.doka-radio-button:before {
  background-color: var(--color-icon-inverted);
  content: var(--tw-content);
}
.doka-radio-button:disabled:before {
  background-color: var(--color-icon-disabled);
  content: var(--tw-content);
}
.doka-radio-button {
  border-color: var(--color-border-default);
}
.doka-radio-button:checked {
  border-color: transparent;
}
.doka-radio-button:focus:enabled {
  border-color: var(--color-border-accent);
}
.doka-radio-button:disabled {
  border-color: var(--color-border-disabled);
}
.doka-radio-button:disabled:checked {
  border-color: transparent;
}
.doka-radio-button:disabled ~ span {
  color: var(--color-text-disabled);
  cursor: not-allowed;
}
.doka-radio-button-container {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}
.doka-radio-button-container:hover {
  cursor: pointer;
}
.doka-radio-button-container:focus {
  cursor: pointer;
}
.doka-radio-button-container:has(.doka-radio-button:disabled) .doka-radio-button-information-message {
  display: none;
}
.doka-radio-button-container:has(.doka-radio-button:disabled) .doka-radio-button-warning-message {
  display: none;
}
.doka-radio-button-container:has(.doka-radio-button:disabled) .doka-radio-button-success-message {
  display: none;
}
.doka-radio-button-label {
  color: var(--color-text-default);
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
  max-width: calc(100% - 28px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.doka-radio-button-description {
  color: var(--color-text-ultra-light);
  flex-basis: 100%;
  margin-left: 1.75rem;
  margin-top: calc(var(--spacing-sm)*-1);
}
.doka-radio-button-description,
.doka-radio-button-warning-message {
  font-family: Soehne, sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  word-wrap: break-word;
  font-size: .875rem;
}
.doka-radio-button-warning-message {
  display: inline-flex;
  overflow: auto;
  width: 100%;
}
.doka-radio-button-warning-message:before {
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  padding-right: .25rem;
}
.doka-radio-button-warning-message {
  color: var(--color-text-warning);
}
.doka-radio-button-warning-message:before {
  color: var(--color-icon-warning);
  --tw-content: "warning";
  content: var(--tw-content);
}
.doka-radio-button-warning-message {
  margin-left: 1.75rem;
  margin-top: var(--spacing-sm);
}
.doka-radio-button-success-message {
  display: inline-flex;
  font-family: Soehne, sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  overflow: auto;
  width: 100%;
  word-wrap: break-word;
  font-size: .875rem;
}
.doka-radio-button-success-message:before {
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  padding-right: .25rem;
}
.doka-radio-button-success-message {
  color: var(--color-text-success);
}
.doka-radio-button-success-message:before {
  color: var(--color-icon-success);
  --tw-content: "check_circle";
  content: var(--tw-content);
}
.doka-radio-button-success-message {
  margin-left: 1.75rem;
  margin-top: var(--spacing-sm);
}
.doka-radio-button-information-message {
  display: inline-flex;
  font-family: Soehne, sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  overflow: auto;
  width: 100%;
  word-wrap: break-word;
  font-size: .875rem;
}
.doka-radio-button-information-message:before {
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  padding-right: .25rem;
}
.doka-radio-button-information-message {
  color: var(--color-text-information);
}
.doka-radio-button-information-message:before {
  color: var(--color-icon-information);
  --tw-content: "info";
  content: var(--tw-content);
}
.doka-radio-button-information-message {
  margin-left: 1.75rem;
  margin-top: var(--spacing-sm);
}
.doka-radio-button-group {
  border-style: none;
  min-width: 0;
}
.doka-radio-button-group-required .doka-radio-button-group-label:after {
  --tw-content: "*";
  color: var(--color-icon-alert);
  content: var(--tw-content);
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
}
.doka-radio-button-group-heading {
  max-width: 100%;
  padding-bottom: .25rem;
}
.doka-radio-button-group-content {
  display: block;
}
.doka-radio-button-group-label {
  color: var(--color-text-default);
  display: block;
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.doka-radio-button-group-description {
  color: var(--color-text-ultra-light);
  display: block;
  font-family: Soehne, sans-serif;
  font-size: .875rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  margin-bottom: var(--spacing-sm);
  margin-top: calc(var(--spacing-sm)*-1);
  word-break: break-all;
}
.doka-spinner {
  animation: spin .75s linear infinite;
  border-color: var(--color-icon-disabled);
  border-radius: .75rem;
  border-right-color: transparent;
  border-style: solid;
  border-width: 2px;
  display: inline-block;
  flex-shrink: 0;
  height: 1rem;
  margin-bottom: var(--spacing-sm);
  margin-top: var(--spacing-sm);
  vertical-align: text-bottom;
  width: 1rem;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.doka-text-field {
  align-items: center;
  align-self: stretch;
  background-color: var(--color-background-default);
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
  overflow: hidden;
  padding: var(--spacing-base) var(--spacing-md);
  text-overflow: ellipsis;
  width: 100%;
}
.doka-text-field:-moz-read-only {
  background-color: var(--color-background-disabled);
}
.doka-text-field:read-only {
  background-color: var(--color-background-disabled);
}
.doka-text-field:disabled {
  background-color: var(--color-background-disabled);
}
.doka-text-field {
  color: var(--color-text-default);
}
.doka-text-field:disabled {
  color: var(--color-text-disabled);
}
.doka-text-field {
  border-color: var(--color-border-default);
  border-style: solid;
  border-width: 1px;
}
.doka-text-field:hover:enabled {
  border-color: var(--color-border-strong);
}
.doka-text-field:focus:enabled {
  border-color: var(--color-border-accent);
}
.doka-text-field:-moz-read-only {
  border-color: var(--color-border-disabled);
}
.doka-text-field:read-only {
  border-color: var(--color-border-disabled);
}
.doka-text-field:hover:-moz-read-only {
  border-color: var(--color-border-disabled);
}
.doka-text-field:hover:read-only {
  border-color: var(--color-border-disabled);
}
.doka-text-field:focus:-moz-read-only {
  border-color: var(--color-border-disabled);
}
.doka-text-field:focus:read-only {
  border-color: var(--color-border-disabled);
}
.doka-text-field:disabled {
  border-color: var(--color-border-disabled);
  cursor: not-allowed;
  pointer-events: none;
}
.doka-text-field::-moz-placeholder {
  color: var(--color-text-placeholder);
}
.doka-text-field::placeholder {
  color: var(--color-text-placeholder);
}
.doka-text-field {
  --tw-shadow: var(--shadow-none);
  --tw-shadow-colored: var(--shadow-none);
  box-shadow:
    var(--tw-ring-offset-shadow,0 0 transparent),
    var(--tw-ring-shadow,0 0 transparent),
    var(--tw-shadow);
}
.doka-text-field:hover:enabled {
  --tw-shadow: var(--shadow-base);
  --tw-shadow-colored: var(--shadow-base);
  box-shadow:
    var(--tw-ring-offset-shadow,0 0 transparent),
    var(--tw-ring-shadow,0 0 transparent),
    var(--tw-shadow);
}
.doka-text-field:focus:enabled {
  --tw-shadow: var(--shadow-base);
  --tw-shadow-colored: var(--shadow-base);
  box-shadow:
    var(--tw-ring-offset-shadow,0 0 transparent),
    var(--tw-ring-shadow,0 0 transparent),
    var(--tw-shadow);
}
.doka-text-field {
  transition-duration: .15s;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.doka-text-field-input {
  display: flex;
  position: relative;
  --tw-shadow: var(--shadow-none);
  --tw-shadow-colored: var(--shadow-none);
  box-shadow:
    var(--tw-ring-offset-shadow,0 0 transparent),
    var(--tw-ring-shadow,0 0 transparent),
    var(--tw-shadow);
}
.doka-text-field-decoration {
  border-color: var(--color-border-default);
  border-style: solid;
  border-width: 1px;
  color: var(--color-text-light);
  display: table-cell;
  padding: var(--spacing-base) var(--spacing-md);
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}
.doka-text-field-decoration-icon {
  align-items: center;
  display: flex;
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
}
.doka-text-field-decoration-dropdown,
.doka-text-field-decoration-text {
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
}
.doka-text-field-decoration-dropdown {
  border-right-width: 0;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.doka-text-field-decoration-dropdown:hover {
  cursor: pointer;
}
.doka-text-field-decoration-dropdown:focus {
  cursor: pointer;
}
.doka-text-field-decoration-dropdown:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.doka-text-field-select {
  align-items: center;
  align-self: stretch;
  color: var(--color-text-default);
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.doka-text-field-select:disabled {
  color: var(--color-text-disabled);
  background-color: var(--color-background-disabled);
  cursor: not-allowed;
}
.doka-text-field-select {
  background-color: transparent;
}
.doka-text-field-select:after {
  content: var(--tw-content);
  margin-right: var(--spacing-md);
}
.doka-text-field-select-wrapper {
  position: relative;
}
.doka-text-field-select-wrapper:after {
  color: var(--color-icon-default);
  font-family: Material Symbols Outlined;
  font-size: 1.125rem;
  font-variation-settings: "FILL" 0, "opsz" 18;
  font-weight: 400;
  --tw-content: "\e5cf";
  content: var(--tw-content);
  pointer-events: none;
  position: absolute;
  right: calc(var(--spacing-base)*-1);
  top: 0;
}
.doka-text-field-label {
  color: var(--color-text-default);
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.doka-text-field-description {
  color: var(--color-text-ultra-light);
}
.doka-text-field-alert-message,
.doka-text-field-description {
  font-family: Soehne, sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  word-wrap: break-word;
  font-size: .875rem;
}
.doka-text-field-alert-message {
  display: inline-flex;
  overflow: auto;
  width: 100%;
}
.doka-text-field-alert-message:before {
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  padding-right: .25rem;
}
.doka-text-field-alert-message {
  color: var(--color-text-alert);
}
.doka-text-field-alert-message:before {
  color: var(--color-icon-alert);
  --tw-content: "error";
  content: var(--tw-content);
}
.doka-text-field-alert-message {
  margin-top: var(--spacing-sm);
}
.doka-text-field-container {
  display: grid;
  height: fit-content;
}
.doka-text-field-container:has(.doka-text-field-decoration + .doka-text-field) .doka-text-field {
  border-left-width: 0;
}
.doka-text-field-container:has(.doka-text-field + .doka-text-field-decoration) .doka-text-field {
  border-right-width: 0;
}
.doka-text-field-container:has(.doka-text-field-alert-message):not(:has(.doka-text-field:disabled, .doka-text-field:-moz-read-only)) .doka-text-field {
  border-color: var(--color-border-alert);
}
.doka-text-field-container:has(.doka-text-field-alert-message):not(:has(.doka-text-field:disabled, .doka-text-field:read-only)) .doka-text-field {
  border-color: var(--color-border-alert);
}
.doka-text-field-container:has(.doka-text-field-select:focus):not(:has(.doka-text-field-alert-message, .doka-text-field:disabled, .doka-text-field:-moz-read-only)) .doka-text-field {
  border-color: var(--color-border-accent);
}
.doka-text-field-container:has(.doka-text-field-select:focus):not(:has(.doka-text-field-alert-message, .doka-text-field:disabled, .doka-text-field:read-only)) .doka-text-field {
  border-color: var(--color-border-accent);
}
.doka-text-field-container:has(.doka-text-field-label) .doka-text-field {
  margin-top: var(--spacing-sm);
}
.doka-text-field-container:has(.doka-text-field-description) .doka-text-field {
  margin-top: var(--spacing-sm);
}
.doka-text-field-container:has(.doka-text-field:disabled) {
  cursor: not-allowed;
}
.doka-text-field-container:has(.doka-text-field-input) .doka-text-field {
  --tw-shadow: var(--shadow-none);
  --tw-shadow-colored: var(--shadow-none);
  box-shadow:
    var(--tw-ring-offset-shadow,0 0 transparent),
    var(--tw-ring-shadow,0 0 transparent),
    var(--tw-shadow);
}
.doka-text-field-container:has(.doka-text-field:hover):not(:has(.doka-text-field:-moz-read-only, .doka-text-field:disabled)) .doka-text-field-input {
  --tw-shadow: var(--shadow-base);
  --tw-shadow-colored: var(--shadow-base);
  box-shadow:
    var(--tw-ring-offset-shadow,0 0 transparent),
    var(--tw-ring-shadow,0 0 transparent),
    var(--tw-shadow);
}
.doka-text-field-container:has(.doka-text-field:hover):not(:has(.doka-text-field:read-only, .doka-text-field:disabled)) .doka-text-field-input {
  --tw-shadow: var(--shadow-base);
  --tw-shadow-colored: var(--shadow-base);
  box-shadow:
    var(--tw-ring-offset-shadow,0 0 transparent),
    var(--tw-ring-shadow,0 0 transparent),
    var(--tw-shadow);
}
.doka-text-field-container:has(.doka-text-field:focus):not(:has(.doka-text-field:-moz-read-only, .doka-text-field:disabled)) .doka-text-field-input {
  --tw-shadow: var(--shadow-base);
  --tw-shadow-colored: var(--shadow-base);
  box-shadow:
    var(--tw-ring-offset-shadow,0 0 transparent),
    var(--tw-ring-shadow,0 0 transparent),
    var(--tw-shadow);
}
.doka-text-field-container:has(.doka-text-field:focus):not(:has(.doka-text-field:read-only, .doka-text-field:disabled)) .doka-text-field-input {
  --tw-shadow: var(--shadow-base);
  --tw-shadow-colored: var(--shadow-base);
  box-shadow:
    var(--tw-ring-offset-shadow,0 0 transparent),
    var(--tw-ring-shadow,0 0 transparent),
    var(--tw-shadow);
}
.doka-text-field-container:has(.doka-text-field-decoration-icon + .doka-text-field) .doka-text-field-decoration {
  border-right-width: 0;
}
.doka-text-field-container:has(.doka-text-field + .doka-text-field-decoration-icon) .doka-text-field-decoration {
  border-left-width: 0;
}
.doka-text-field-container:has(.doka-text-field-alert-message):not(:has(.doka-text-field:disabled, .doka-text-field:-moz-read-only)) .doka-text-field-decoration {
  border-color: var(--color-border-alert);
}
.doka-text-field-container:has(.doka-text-field-alert-message):not(:has(.doka-text-field:disabled, .doka-text-field:read-only)) .doka-text-field-decoration {
  border-color: var(--color-border-alert);
}
.doka-text-field-container:has(.doka-text-field-decoration + .doka-text-field:not(:disabled):not(:-moz-read-only)) .doka-text-field-decoration {
  border-right-color: var(--color-border-default);
}
.doka-text-field-container:has(.doka-text-field-decoration + .doka-text-field:not(:disabled):not(:read-only)) .doka-text-field-decoration {
  border-right-color: var(--color-border-default);
}
.doka-text-field-container:has(.doka-text-field:not(:disabled):not(:-moz-read-only) + .doka-text-field-decoration) .doka-text-field-decoration {
  border-left-color: var(--color-border-default);
}
.doka-text-field-container:has(.doka-text-field:not(:disabled):not(:read-only) + .doka-text-field-decoration) .doka-text-field-decoration {
  border-left-color: var(--color-border-default);
}
.doka-text-field-container:has(.doka-text-field:hover):not(:has(.doka-text-field-alert-message, .doka-text-field:disabled, .doka-text-field:-moz-read-only, .doka-text-field:focus)) .doka-text-field-decoration {
  border-color: var(--color-border-strong);
}
.doka-text-field-container:has(.doka-text-field:hover):not(:has(.doka-text-field-alert-message, .doka-text-field:disabled, .doka-text-field:read-only, .doka-text-field:focus)) .doka-text-field-decoration {
  border-color: var(--color-border-strong);
}
.doka-text-field-container:has(.doka-text-field:focus):not(:has(.doka-text-field-alert-message, .doka-text-field:-moz-read-only)) .doka-text-field-decoration {
  border-color: var(--color-border-accent);
}
.doka-text-field-container:has(.doka-text-field:focus):not(:has(.doka-text-field-alert-message, .doka-text-field:read-only)) .doka-text-field-decoration {
  border-color: var(--color-border-accent);
}
.doka-text-field-container:has(.doka-text-field:disabled) .doka-text-field-decoration {
  border-color: var(--color-border-disabled);
}
.doka-text-field-container:has(.doka-text-field:-moz-read-only) .doka-text-field-decoration {
  border-color: var(--color-border-disabled);
}
.doka-text-field-container:has(.doka-text-field:read-only) .doka-text-field-decoration {
  border-color: var(--color-border-disabled);
}
.doka-text-field-container:has(.doka-text-field:disabled) .doka-text-field-decoration {
  background-color: var(--color-background-disabled);
}
.doka-text-field-container:has(.doka-text-field:-moz-read-only) .doka-text-field-decoration {
  background-color: var(--color-background-disabled);
}
.doka-text-field-container:has(.doka-text-field:read-only) .doka-text-field-decoration {
  background-color: var(--color-background-disabled);
}
.doka-text-field-container:has(.doka-text-field:disabled) .doka-text-field-decoration {
  color: var(--color-text-disabled);
  cursor: not-allowed;
  pointer-events: none;
}
.doka-text-field-container:has(.doka-text-field-label) .doka-text-field-decoration {
  margin-top: var(--spacing-sm);
}
.doka-text-field-container:has(.doka-text-field-description) .doka-text-field-decoration {
  margin-top: var(--spacing-sm);
}
.doka-text-field-container:has(.doka-text-field:disabled) .doka-text-field-label {
  color: var(--color-text-disabled);
}
.doka-text-field-container:has(.doka-text-field:disabled) .doka-text-field-description {
  color: var(--color-text-disabled);
}
.doka-text-field-container:has(.doka-text-field-label) .doka-text-field-description {
  margin-top: calc(var(--spacing-sm)*-1);
}
.doka-text-field-container:has(.doka-text-field:disabled) .doka-text-field-alert-message {
  display: none;
}
.doka-text-field-container:has(.doka-text-field:-moz-read-only) .doka-text-field-alert-message {
  display: none;
}
.doka-text-field-container:has(.doka-text-field:read-only) .doka-text-field-alert-message {
  display: none;
}
.doka-text-field-container:has(.doka-text-field:disabled) .doka-text-field-information-message {
  display: none;
}
.doka-text-field-container:has(.doka-text-field:-moz-read-only) .doka-text-field-information-message {
  display: none;
}
.doka-text-field-container:has(.doka-text-field:read-only) .doka-text-field-information-message {
  display: none;
}
.doka-text-field-container:has(.doka-text-field:disabled) .doka-text-field-warning-message {
  display: none;
}
.doka-text-field-container:has(.doka-text-field:-moz-read-only) .doka-text-field-warning-message {
  display: none;
}
.doka-text-field-container:has(.doka-text-field:read-only) .doka-text-field-warning-message {
  display: none;
}
.doka-text-field-container:has(.doka-text-field:disabled) .doka-text-field-success-message {
  display: none;
}
.doka-text-field-container:has(.doka-text-field:-moz-read-only) .doka-text-field-success-message {
  display: none;
}
.doka-text-field-container:has(.doka-text-field:read-only) .doka-text-field-success-message {
  display: none;
}
.doka-text-field-container:has(.doka-text-field-select:focus):not(:has(.doka-text-alert-message, .doka-text-field:disabled, .doka-text-field:-moz-read-only)) .doka-text-field-decoration-dropdown {
  border-color: var(--color-border-accent);
}
.doka-text-field-container:has(.doka-text-field-select:focus):not(:has(.doka-text-alert-message, .doka-text-field:disabled, .doka-text-field:read-only)) .doka-text-field-decoration-dropdown {
  border-color: var(--color-border-accent);
}
.doka-text-field-container:has(.doka-text-field-decoration-icon + .doka-text-field) .doka-text-field-decoration-icon {
  padding-right: var(--spacing-sm);
}
.doka-text-field-container:has(.doka-text-field:disabled) .doka-text-field-select {
  color: var(--color-text-disabled);
}
.doka-text-field-container:has(.doka-text-field:focus):not(:has(.doka-text-alert-message, .doka-text-field:disabled, .doka-text-field:-moz-read-only)) .doka-text-field-select-wrapper:after {
  color: var(--color-icon-accent);
  content: var(--tw-content);
}
.doka-text-field-container:has(.doka-text-field:focus):not(:has(.doka-text-alert-message, .doka-text-field:disabled, .doka-text-field:-moz-read-only)) .doka-text-field-select-wrapper::after {
  color: var(--color-icon-accent);
  content: var(--tw-content);
}
.doka-text-field-container:has(.doka-text-field:focus):not(:has(.doka-text-alert-message, .doka-text-field:disabled, .doka-text-field:read-only)) .doka-text-field-select-wrapper:after {
  color: var(--color-icon-accent);
  content: var(--tw-content);
}
.doka-text-field-container:has(.doka-text-field-select:focus):not(:has(.doka-text-alert-message, .doka-text-field:disabled, .doka-text-field:focus)) .doka-text-field-select-wrapper:after {
  color: var(--color-icon-accent);
  content: var(--tw-content);
}
.doka-text-field-container:has(.doka-text-field:disabled) .doka-text-field-select-wrapper:after {
  color: var(--color-text-disabled);
  content: var(--tw-content);
}
.doka-text-field-container:has(.doka-text-field:-moz-read-only) .doka-text-field-select-wrapper:after {
  color: var(--color-text-disabled);
  content: var(--tw-content);
}
.doka-text-field-container:has(.doka-text-field:-moz-read-only) .doka-text-field-select-wrapper::after {
  color: var(--color-text-disabled);
  content: var(--tw-content);
}
.doka-text-field-container:has(.doka-text-field:read-only) .doka-text-field-select-wrapper:after {
  color: var(--color-text-disabled);
  content: var(--tw-content);
}
.doka-text-field-container:not(:has(.doka-text-field:disabled, .doka-text-field:-moz-read-only)):has(.doka-text-field-required) .doka-text-field-label:after {
  --tw-content: "*";
  color: var(--color-icon-alert);
  content: var(--tw-content);
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
}
.doka-text-field-container:not(:has(.doka-text-field:disabled, .doka-text-field:-moz-read-only)):has(.doka-text-field-required) .doka-text-field-label::after {
  --tw-content: "*";
  color: var(--color-icon-alert);
  content: var(--tw-content);
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
}
.doka-text-field-container:not(:has(.doka-text-field:disabled, .doka-text-field:read-only)):has(.doka-text-field-required) .doka-text-field-label:after {
  --tw-content: "*";
  color: var(--color-icon-alert);
  content: var(--tw-content);
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
}
.doka-toast-notification {
  background-color: var(--color-background-information-ultra-light);
  border-color: var(--color-border-information);
  border-radius: .125rem;
  border-style: solid;
  border-width: 1px 1px 1px 4px;
  color: var(--color-text-default);
  display: flex;
  gap: var(--spacing-base);
  padding: var(--spacing-lg);
  position: relative;
  width: 22.5rem;
}
.doka-toast-notification:before {
  color: var(--color-icon-information);
  font-family: Material Symbols Outlined;
  font-size: 1.125rem;
  font-variation-settings: "FILL" 1, "opsz" 18;
  font-weight: 600;
  --tw-content: "\e88e";
  content: var(--tw-content);
}
.doka-toast-notification.doka-toast-notification-alert {
  background-color: var(--color-background-alert-ultra-light);
  border-color: var(--color-border-alert);
}
.doka-toast-notification.doka-toast-notification-alert:before {
  color: var(--color-icon-alert);
  --tw-content: "\e001";
  content: var(--tw-content);
}
.doka-toast-notification.doka-toast-notification-alert > .doka-toast-notification-close {
  background-color: var(--color-background-alert-ultra-light);
}
.doka-toast-notification.doka-toast-notification-alert > .doka-toast-notification-close:hover:enabled {
  --tw-bg-opacity: 1;
  background-color: rgba(249, 196, 181, var(--tw-bg-opacity,1));
}
.doka-toast-notification.doka-toast-notification-alert > .doka-toast-notification-close:focus:enabled {
  --tw-bg-opacity: 1;
  background-color: rgba(245, 159, 143, var(--tw-bg-opacity,1));
}
.doka-toast-notification.doka-toast-notification-warning {
  background-color: var(--color-background-warning-ultra-light);
  border-color: var(--color-border-warning);
}
.doka-toast-notification.doka-toast-notification-warning:before {
  color: var(--color-icon-warning);
  --tw-content: "\f083";
  content: var(--tw-content);
}
.doka-toast-notification.doka-toast-notification-warning > .doka-toast-notification-close {
  background-color: var(--color-background-warning-ultra-light);
}
.doka-toast-notification.doka-toast-notification-warning > .doka-toast-notification-close:hover:enabled {
  --tw-bg-opacity: 1;
  background-color: rgba(248, 205, 161, var(--tw-bg-opacity,1));
}
.doka-toast-notification.doka-toast-notification-warning > .doka-toast-notification-close:focus:enabled {
  --tw-bg-opacity: 1;
  background-color: rgba(246, 185, 123, var(--tw-bg-opacity,1));
}
.doka-toast-notification.doka-toast-notification-success {
  background-color: var(--color-background-success-ultra-light);
  border-color: var(--color-border-success);
}
.doka-toast-notification.doka-toast-notification-success:before {
  color: var(--color-icon-success);
  --tw-content: "\e86c";
  content: var(--tw-content);
}
.doka-toast-notification.doka-toast-notification-success > .doka-toast-notification-close {
  background-color: var(--color-background-success-ultra-light);
}
.doka-toast-notification.doka-toast-notification-success > .doka-toast-notification-close:hover:enabled {
  --tw-bg-opacity: 1;
  background-color: rgba(172, 244, 198, var(--tw-bg-opacity,1));
}
.doka-toast-notification.doka-toast-notification-success > .doka-toast-notification-close:focus:enabled {
  --tw-bg-opacity: 1;
  background-color: rgba(125, 240, 166, var(--tw-bg-opacity,1));
}
.doka-toast-notification.doka-toast-notification-loading {
  background-color: var(--color-background-information-ultra-light);
  border-color: var(--color-border-information);
  color: var(--color-text-default);
}
.doka-toast-notification.doka-toast-notification-loading:before {
  color: transparent;
  content: var(--tw-content);
}
.doka-toast-notification.doka-toast-notification-loading > .doka-spinner {
  border-color: var(--color-icon-information);
  border-right-color: transparent;
  position: absolute;
  top: 1rem;
}
.doka-toast-notification-content {
  display: flex;
  flex-direction: column;
  overflow: auto;
  width: 100%;
}
.doka-toast-notification-title {
  font-weight: 600;
}
.doka-toast-notification-description,
.doka-toast-notification-title {
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  letter-spacing: 0;
  line-height: 1.5rem;
  word-wrap: break-word;
  color: var(--color-text-default);
}
.doka-toast-notification-description {
  font-weight: 400;
}
.doka-toast-notification-close {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.doka-toast-notification-close:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.doka-toast-notification-close {
  cursor: pointer;
}
.doka-toast-notification-close:disabled {
  cursor: not-allowed;
}
.doka-toast-notification-close {
  color: var(--color-icon-accent);
}
.doka-toast-notification-close:disabled {
  color: var(--color-icon-disabled-light);
}
.doka-toast-notification-close {
  background-color: transparent;
}
.doka-toast-notification-close:hover:enabled {
  background-color: var(--color-background-action-hover);
}
.doka-toast-notification-close:focus:enabled {
  background-color: var(--color-background-action-focus);
}
.doka-toast-notification-close:disabled {
  background-color: transparent;
}
.doka-toast-notification-close {
  border-radius: .25rem;
  color: var(--color-icon-default);
  font-family: Material Symbols Outlined;
  font-size: .75rem;
  font-variation-settings: "FILL" 0, "opsz" 12;
  font-weight: 400;
  height: 1.5rem;
  min-width: 1.5rem;
  transition-duration: .15s;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  width: 1.5rem;
}
.doka-toast-notification-close:before {
  --tw-content: "\e5cd";
  content: var(--tw-content);
}
.doka-toast-notification-close {
  background-color: var(--color-background-information-ultra-light);
}
.doka-toast-notification-close:hover:enabled {
  --tw-bg-opacity: 1;
  background-color: rgba(191, 215, 240, var(--tw-bg-opacity,1));
}
.doka-toast-notification-close:focus:enabled {
  --tw-bg-opacity: 1;
  background-color: rgba(158, 195, 232, var(--tw-bg-opacity,1));
}
.doka-toggle {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-right: var(--spacing-2xl);
  width: .75rem;
}
.doka-toggle:before {
  border-radius: .5rem;
  height: 1rem;
  left: 1px;
  position: absolute;
  top: .25rem;
  transition-duration: .15s;
  transition-property: all;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  width: 1.75rem;
}
.doka-toggle:after {
  background-color: var(--color-background-default);
  border-radius: .5rem;
  content: var(--tw-content);
  height: .875rem;
  left: var(--spacing-xs);
  margin-top: -1px;
  position: absolute;
  top: .375rem;
  transition-duration: .15s;
  transition-property: all;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  width: .875rem;
}
.doka-toggle:hover {
  cursor: pointer;
}
.doka-toggle:focus {
  cursor: pointer;
}
.doka-toggle:checked:after {
  content: var(--tw-content);
  left: .875rem;
}
.doka-toggle:before {
  background-color: var(--color-border-light);
  content: var(--tw-content);
}
.doka-toggle:checked:before {
  background-color: var(--color-background-accent);
  content: var(--tw-content);
}
.doka-toggle:focus:before {
  background-color: var(--color-border-default);
  content: var(--tw-content);
}
.doka-toggle:checked:focus:before {
  background-color: var(--color-background-accent-focus);
  content: var(--tw-content);
}
.doka-toggle:disabled:before {
  background-color: var(--color-border-disabled);
  content: var(--tw-content);
}
.doka-toggle:disabled {
  cursor: not-allowed;
}
.doka-toggle-right:before {
  content: var(--tw-content);
  left: auto;
  right: 1px;
}
.doka-toggle-right:after {
  content: var(--tw-content);
  left: auto;
  right: var(--spacing-xs);
}
.doka-toggle-right:checked:after {
  content: var(--tw-content);
  left: auto;
  right: .875rem;
}
.doka-toggle-container {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.doka-toggle-container:hover {
  cursor: pointer;
}
.doka-toggle-container:focus {
  cursor: pointer;
}
.doka-toggle-container:has(.doka-toggle-alert-message) .doka-toggle:before {
  background-color: var(--color-background-alert);
  content: var(--tw-content);
}
.doka-toggle-container:has(.doka-toggle-alert-message) .doka-toggle:focus:before {
  background-color: var(--color-background-alert);
  content: var(--tw-content);
}
.doka-toggle-container:has(.doka-toggle-alert-message) .doka-toggle:checked:before {
  background-color: var(--color-background-alert);
  content: var(--tw-content);
}
.doka-toggle-container:has(.doka-toggle-alert-message) .doka-toggle:disabled:before {
  background-color: var(--color-border-disabled);
  content: var(--tw-content);
}
.doka-toggle-container:has(.doka-toggle:disabled) .doka-toggle-label {
  color: var(--color-text-disabled);
  cursor: not-allowed;
}
.doka-toggle-container:has(.doka-toggle:disabled) .doka-toggle-description {
  color: var(--color-text-disabled);
  cursor: not-allowed;
}
.doka-toggle-container:has(.doka-toggle:disabled) .doka-toggle-icon {
  color: var(--color-icon-disabled);
  cursor: not-allowed;
}
.doka-toggle-container:has(.doka-toggle:disabled) .doka-toggle-alert-message {
  display: none;
}
.doka-toggle-container:has(.doka-toggle:disabled) .doka-toggle-information-message {
  display: none;
}
.doka-toggle-container:has(.doka-toggle:disabled) .doka-toggle-success-message {
  display: none;
}
.doka-toggle-container:has(.doka-toggle:disabled) .doka-toggle-warning-message {
  display: none;
}
.doka-toggle-container:not(:has(.doka-toggle-icon)):has(.doka-toggle-right) .doka-toggle-label {
  max-width: calc(100% - 36px);
}
.doka-toggle-container:not(:has(.doka-toggle-icon)):has(.doka-toggle-right) .doka-toggle-description {
  margin-left: 0;
}
.doka-toggle-container:not(:has(.doka-toggle-icon)):has(.doka-toggle-right) .doka-toggle-alert-message {
  margin-left: 0;
}
.doka-toggle-container:not(:has(.doka-toggle-icon)):has(.doka-toggle-right) .doka-toggle-information-message {
  margin-left: 0;
}
.doka-toggle-container:not(:has(.doka-toggle-icon)):has(.doka-toggle-right) .doka-toggle-success-message {
  margin-left: 0;
}
.doka-toggle-container:not(:has(.doka-toggle-icon)):has(.doka-toggle-right) .doka-toggle-warning-message {
  margin-left: 0;
}
.doka-toggle-container:has(.doka-toggle-right) .doka-toggle-description {
  margin-right: 2.25rem;
}
.doka-toggle-container:has(.doka-toggle-right) .doka-toggle-alert-message {
  margin-right: 2.25rem;
}
.doka-toggle-container:has(.doka-toggle-right) .doka-toggle-information-message {
  margin-right: 2.25rem;
}
.doka-toggle-container:has(.doka-toggle-right) .doka-toggle-success-message {
  margin-right: 2.25rem;
}
.doka-toggle-container:has(.doka-toggle-right) .doka-toggle-warning-message {
  margin-right: 2.25rem;
}
.doka-toggle-container:has(.doka-toggle-right) .doka-toggle-label {
  max-width: calc(100% - 52px);
}
.doka-toggle-container:has(.doka-toggle-right) .doka-toggle-description {
  margin-left: 1.25rem;
}
.doka-toggle-container:has(.doka-toggle-right) .doka-toggle-alert-message {
  margin-left: 1.25rem;
}
.doka-toggle-container:has(.doka-toggle-right) .doka-toggle-information-message {
  margin-left: 1.25rem;
}
.doka-toggle-container:has(.doka-toggle-right) .doka-toggle-success-message {
  margin-left: 1.25rem;
}
.doka-toggle-container:has(.doka-toggle-right) .doka-toggle-warning-message {
  margin-left: 1.25rem;
}
.doka-toggle-label {
  color: var(--color-text-default);
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
  max-width: calc(100% - 28px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.doka-toggle-description {
  color: var(--color-text-ultra-light);
  flex-basis: 100%;
  margin-left: 2.25rem;
  margin-top: calc(var(--spacing-sm)*-1);
}
.doka-toggle-alert-message,
.doka-toggle-description {
  font-family: Soehne, sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  word-wrap: break-word;
  font-size: .875rem;
}
.doka-toggle-alert-message {
  display: inline-flex;
  overflow: auto;
  width: 100%;
}
.doka-toggle-alert-message:before {
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  padding-right: .25rem;
}
.doka-toggle-alert-message {
  color: var(--color-text-alert);
}
.doka-toggle-alert-message:before {
  color: var(--color-icon-alert);
  --tw-content: "error";
  content: var(--tw-content);
}
.doka-toggle-alert-message {
  margin-left: 2.25rem;
}
.doka-avatar {
  align-items: center;
  background-color: var(--color-background-default);
  border-radius: 9999px;
  display: inline-flex;
  font-size: .875rem;
  height: 2rem;
  justify-content: center;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  position: relative;
  width: 2rem;
}
.doka-avatar.doka-avatar-placeholder {
  background-color: var(--color-background-gray-ultra-light);
}
.doka-avatar.doka-avatar-placeholder:before {
  color: var(--color-icon-disabled-light);
  font-family: Material Symbols Outlined;
  font-size: 1.25rem;
  font-variation-settings: "FILL" 0, "opsz" 20;
  font-weight: 400;
  --tw-content: "person";
  content: var(--tw-content);
}
.doka-avatar.doka-avatar-extra-small {
  height: 1.25rem;
  min-height: 1.25rem;
  min-width: 1.25rem;
  width: 1.25rem;
}
.doka-avatar.doka-avatar-extra-small:before {
  content: var(--tw-content);
  font-family: Material Symbols Outlined;
  font-size: .875rem;
  font-variation-settings: "FILL" 0, "opsz" 14;
  font-weight: 400;
}
.doka-avatar.doka-avatar-medium {
  height: 3rem;
  min-height: 3rem;
  min-width: 3rem;
  width: 3rem;
}
.doka-avatar.doka-avatar-medium:before {
  content: var(--tw-content);
  font-family: Material Symbols Outlined;
  font-size: 2rem;
  font-variation-settings: "FILL" 0, "opsz" 32;
  font-weight: 400;
}
.doka-avatar.doka-avatar-large {
  height: 4rem;
  min-height: 4rem;
  min-width: 4rem;
  width: 4rem;
}
.doka-avatar.doka-avatar-large:before {
  content: var(--tw-content);
  font-size: 50px;
  line-height: 50px;
}
.doka-avatar.doka-avatar-extra-large {
  height: 6rem;
  min-height: 6rem;
  min-width: 6rem;
  width: 6rem;
}
.doka-avatar.doka-avatar-extra-large:before {
  content: var(--tw-content);
  font-size: 62px;
  line-height: 62px;
}
.doka-avatar.doka-avatar-extra-extra-large {
  height: 8rem;
  min-height: 8rem;
  min-width: 8rem;
  width: 8rem;
}
.doka-avatar.doka-avatar-extra-extra-large:before {
  content: var(--tw-content);
  font-size: 96px;
  line-height: 96px;
}
.doka-avatar.doka-avatar-editable {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.doka-avatar.doka-avatar-editable.doka-avatar-extra-small:after {
  content: var(--tw-content);
  font-size: 8px;
  line-height: 8px;
}
.doka-avatar.doka-avatar-editable:after {
  bottom: 0;
  color: var(--color-icon-inverted);
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  --tw-content: "edit";
  content: var(--tw-content);
}
.doka-avatar.doka-avatar-editable:hover:after {
  opacity: 1;
  transition-duration: .15s;
  transition-property: all;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.doka-avatar.doka-avatar-editable:after {
  align-items: center;
  background-color: rgba(34, 39, 44, .6);
  display: flex;
  justify-content: center;
}
.doka-avatar-group {
  display: inline-flex;
}
.doka-avatar-group > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-left: calc(-.5rem*(1 - var(--tw-space-x-reverse)));
  margin-right: calc(-.5rem*var(--tw-space-x-reverse));
}
.doka-avatar-group .doka-avatar {
  border-color: var(--color-border-inverted);
  border-style: solid;
  border-width: 1px;
  margin: -1px;
}
.doka-avatar.doka-avatar-stack {
  background-color: var(--color-background-gray-light);
  color: var(--color-text-light);
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 18px;
}
.doka-avatar.doka-avatar-stack.doka-avatar-extra-small {
  font-size: 9px;
  line-height: 18px;
}
.doka-inline-notification {
  background-color: var(--color-background-gray-ultra-light);
  border-color: var(--color-border-information);
  border-radius: .125rem;
  border-style: solid;
  border-width: 1px 1px 1px 4px;
  color: var(--color-text-default);
  display: flex;
  gap: var(--spacing-base);
  padding: var(--spacing-lg);
  width: 100%;
}
.doka-inline-notification:before {
  color: var(--color-icon-information);
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 1, "opsz" 16;
  font-weight: 600;
  --tw-content: "\e88e";
  content: var(--tw-content);
}
.doka-inline-notification.doka-inline-notification-alert {
  border-color: var(--color-border-alert);
}
.doka-inline-notification.doka-inline-notification-alert:before {
  color: var(--color-icon-alert);
  --tw-content: "\e001";
  content: var(--tw-content);
}
.doka-inline-notification.doka-inline-notification-warning {
  border-color: var(--color-border-warning);
}
.doka-inline-notification.doka-inline-notification-warning:before {
  color: var(--color-icon-warning);
  --tw-content: "\f083";
  content: var(--tw-content);
}
.doka-inline-notification.doka-inline-notification-success {
  border-color: var(--color-border-success);
}
.doka-inline-notification.doka-inline-notification-success:before {
  color: var(--color-icon-success);
  --tw-content: "\e86c";
  content: var(--tw-content);
}
.doka-inline-notification-content {
  display: table;
  overflow: auto;
  width: 100%;
}
.doka-inline-notification-content-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  width: 100%;
}
.doka-inline-notification-title {
  font-weight: 600;
  margin-right: var(--spacing-sm);
}
.doka-inline-notification-description,
.doka-inline-notification-title {
  display: inline-block;
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  letter-spacing: 0;
  line-height: 1.5rem;
  word-wrap: break-word;
  color: var(--color-text-default);
}
.doka-inline-notification-description {
  font-weight: 400;
}
.doka-inline-notification-close {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.doka-inline-notification-close:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.doka-inline-notification-close {
  cursor: pointer;
}
.doka-inline-notification-close:disabled {
  cursor: not-allowed;
}
.doka-inline-notification-close {
  color: var(--color-icon-accent);
}
.doka-inline-notification-close:disabled {
  color: var(--color-icon-disabled-light);
}
.doka-inline-notification-close {
  background-color: transparent;
}
.doka-inline-notification-close:hover:enabled {
  background-color: var(--color-background-action-hover);
}
.doka-inline-notification-close:focus:enabled {
  background-color: var(--color-background-action-focus);
}
.doka-inline-notification-close:disabled {
  background-color: transparent;
}
.doka-inline-notification-close {
  border-radius: .25rem;
  color: var(--color-text-default);
  font-family: Material Symbols Outlined;
  font-size: .75rem;
  font-variation-settings: "FILL" 0, "opsz" 12;
  font-weight: 400;
  height: 1.5rem;
  transition-duration: .15s;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  width: 1.5rem;
}
.doka-inline-notification-close:before {
  --tw-content: "\e5cd";
  content: var(--tw-content);
}
.doka-inline-notification-close {
  background-color: var(--color-background-gray-ultra-light);
}
.doka-inline-notification-close:hover:enabled {
  background-color: var(--color-background-gray);
}
.doka-inline-notification-close:focus:enabled {
  background-color: var(--color-background-gray-strong);
}
.doka-search-field {
  align-items: center;
  align-self: stretch;
  background-color: var(--color-background-default);
  color: var(--color-text-default);
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
  overflow: hidden;
  padding: var(--spacing-base) var(--spacing-md);
  padding-left: 2.25rem;
  text-overflow: ellipsis;
  width: 100%;
}
.doka-search-field:disabled {
  background-color: var(--color-background-disabled);
  color: var(--color-text-disabled);
}
.doka-search-field {
  border-color: var(--color-border-default);
  border-style: solid;
  border-width: 1px 0 1px 1px;
}
.doka-search-field:hover:enabled {
  border-color: var(--color-border-strong);
}
.doka-search-field:focus:enabled {
  border-color: var(--color-border-accent);
}
.doka-search-field:disabled {
  border-color: var(--color-border-disabled);
  cursor: not-allowed;
}
.doka-search-field::-moz-placeholder {
  color: var(--color-text-placeholder);
}
.doka-search-field::placeholder {
  color: var(--color-text-placeholder);
}
.doka-search-field {
  -webkit-border-radius: 0;
  transition-duration: .15s;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.doka-search-field-input {
  display: flex;
  position: relative;
  --tw-shadow: var(--shadow-none);
  --tw-shadow-colored: var(--shadow-none);
  box-shadow:
    var(--tw-ring-offset-shadow,0 0 transparent),
    var(--tw-ring-shadow,0 0 transparent),
    var(--tw-shadow);
}
.doka-search-field-input:before {
  color: var(--color-icon-default);
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  left: var(--spacing-md);
  margin-top: 1px;
  position: absolute;
  top: var(--spacing-base);
  --tw-content: "\e8b6";
  content: var(--tw-content);
}
.doka-search-field-clearButton {
  border-color: var(--color-border-default);
  border-style: solid;
  border-width: 1px 1px 1px 0;
  display: table-cell;
  margin-right: 1px;
  outline: 2px solid transparent;
  outline-offset: 2px;
  padding: var(--spacing-base) var(--spacing-md);
  text-align: center;
}
.doka-search-field-clearButton:before {
  color: var(--color-icon-default);
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  left: var(--spacing-md);
  top: var(--spacing-base);
  --tw-content: "\e5cd";
  content: var(--tw-content);
}
.doka-search-field-clearButton {
  background-color: var(--color-background-default);
  padding-bottom: 1px;
  padding-top: 1px;
}
.doka-search-field-results-container {
  border-color: var(--color-border-light);
  border-style: solid;
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
  margin-right: 1px;
  padding: var(--spacing-base);
}
.doka-search-field-results-container:has(.doka-search-field-result-item) {
  border-width: 0 1px 1px;
  --tw-shadow: var(--shadow-lg);
  --tw-shadow-colored: var(--shadow-lg);
  box-shadow:
    var(--tw-ring-offset-shadow,0 0 transparent),
    var(--tw-ring-shadow,0 0 transparent),
    var(--tw-shadow);
}
.doka-search-field-result-item {
  align-items: baseline;
  align-self: stretch;
  color: var(--color-text-default);
  cursor: pointer;
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  transition-duration: .15s;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.doka-search-field-result-item:hover {
  background-color: var(--color-background-action-hover);
}
.doka-search-field-result-item {
  padding: var(--spacing-sm) var(--spacing-base);
  width: 100%;
}
.doka-search-field-result-item-highlight {
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.5rem;
}
.doka-search-field-result-item:not(:last-child) {
  margin-bottom: var(--spacing-sm);
}
.doka-search-field-container:has(.doka-search-field:disabled) {
  cursor: not-allowed;
}
.doka-search-field-container:has(.doka-search-field:hover) .doka-search-field-clearButton {
  border-color: var(--color-border-strong);
}
.doka-search-field-container:has(.doka-search-field:focus) .doka-search-field-clearButton {
  border-color: var(--color-border-accent);
}
.doka-search-field-container:has(.doka-search-field:disabled) .doka-search-field-clearButton {
  background-color: var(--color-background-disabled);
  border-color: var(--color-border-disabled);
  color: var(--color-text-disabled);
  cursor: not-allowed;
}
.doka-search-field-container:has(.doka-search-field:-moz-placeholder) .doka-search-field-clearButton:before {
  content: var(--tw-content);
  visibility: hidden;
}
.doka-search-field-container:has(.doka-search-field:-moz-placeholder) .doka-search-field-clearButton::before {
  content: var(--tw-content);
  visibility: hidden;
}
.doka-search-field-container:has(.doka-search-field:placeholder-shown) .doka-search-field-clearButton:before {
  content: var(--tw-content);
  visibility: hidden;
}
.doka-search-field-container:has(.doka-search-field:enabled:hover) .doka-search-field-input {
  --tw-shadow: var(--shadow-base);
  --tw-shadow-colored: var(--shadow-base);
  box-shadow:
    var(--tw-ring-offset-shadow,0 0 transparent),
    var(--tw-ring-shadow,0 0 transparent),
    var(--tw-shadow);
}
.doka-search-field-container:has(.doka-search-field:enabled:focus) .doka-search-field-input {
  --tw-shadow: var(--shadow-base);
  --tw-shadow-colored: var(--shadow-base);
  box-shadow:
    var(--tw-ring-offset-shadow,0 0 transparent),
    var(--tw-ring-shadow,0 0 transparent),
    var(--tw-shadow);
}
.doka-search-field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.doka-tooltip .doka-breadcrumbs {
  align-items: center;
  display: flex;
  gap: var(--spacing-sm);
  list-style-type: none;
}
.doka-tooltip .doka-breadcrumbs > :nth-child(n) {
  color: var(--color-text-inverted);
  display: contents;
  font-family: Soehne, sans-serif;
  font-size: .875rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
}
.doka-tooltip .doka-breadcrumbs > :nth-child(n):not(:last-child):after {
  color: var(--color-icon-inverted);
  font-family: Material Symbols Outlined;
  font-size: .875rem;
  font-variation-settings: "FILL" 0, "opsz" 14;
  font-weight: 400;
  --tw-content: "chevron_right";
  content: var(--tw-content);
}
.doka-progress-bar {
  background-color: var(--color-border-light);
  border-radius: .125rem;
  height: .25rem;
  position: relative;
  width: 100%;
}
.doka-progress-bar.doka-progress-bar-small {
  height: .125rem;
}
.doka-progress-bar-indicator {
  background-color: var(--color-background-accent);
  border-radius: .125rem;
  height: 100%;
  position: absolute;
}
.doka-progress-bar-label {
  color: var(--color-text-default);
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.doka-progress-bar-status {
  color: var(--color-text-ultra-light);
  margin-top: var(--spacing-sm);
}
.doka-progress-bar-alert-message,
.doka-progress-bar-status {
  font-family: Soehne, sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  word-wrap: break-word;
  font-size: .875rem;
}
.doka-progress-bar-alert-message {
  display: inline-flex;
  overflow: auto;
  width: 100%;
}
.doka-progress-bar-alert-message:before {
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  padding-right: .25rem;
}
.doka-progress-bar-alert-message {
  color: var(--color-text-alert);
}
.doka-progress-bar-alert-message:before {
  color: var(--color-icon-alert);
  --tw-content: "error";
  content: var(--tw-content);
}
.doka-progress-bar-alert-message {
  margin-top: var(--spacing-sm);
}
.doka-progress-bar-warning-message {
  display: inline-flex;
  font-family: Soehne, sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  overflow: auto;
  width: 100%;
  word-wrap: break-word;
  font-size: .875rem;
}
.doka-progress-bar-warning-message:before {
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  padding-right: .25rem;
}
.doka-progress-bar-warning-message {
  color: var(--color-text-warning);
}
.doka-progress-bar-warning-message:before {
  color: var(--color-icon-warning);
  --tw-content: "warning";
  content: var(--tw-content);
}
.doka-progress-bar-warning-message {
  margin-top: var(--spacing-sm);
}
.doka-progress-bar-success-message {
  display: inline-flex;
  font-family: Soehne, sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  overflow: auto;
  width: 100%;
  word-wrap: break-word;
  font-size: .875rem;
}
.doka-progress-bar-success-message:before {
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  padding-right: .25rem;
}
.doka-progress-bar-success-message {
  color: var(--color-text-success);
}
.doka-progress-bar-success-message:before {
  color: var(--color-icon-success);
  --tw-content: "check_circle";
  content: var(--tw-content);
}
.doka-progress-bar-success-message {
  margin-top: var(--spacing-sm);
}
.doka-progress-bar-information-message {
  display: inline-flex;
  font-family: Soehne, sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  overflow: auto;
  width: 100%;
  word-wrap: break-word;
  font-size: .875rem;
}
.doka-progress-bar-information-message:before {
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  padding-right: .25rem;
}
.doka-progress-bar-information-message {
  color: var(--color-text-information);
}
.doka-progress-bar-information-message:before {
  color: var(--color-icon-information);
  --tw-content: "info";
  content: var(--tw-content);
}
.doka-progress-bar-information-message {
  margin-top: var(--spacing-sm);
}
.doka-progress-bar-container {
  display: grid;
  height: fit-content;
}
.doka-progress-bar-container:has(.doka-progress-bar-alert-message) .doka-progress-bar-indicator {
  background-color: var(--color-background-alert);
}
.doka-progress-bar-container:has(.doka-progress-bar-label) .doka-progress-bar {
  margin-top: var(--spacing-sm);
}
.doka-select {
  display: flex;
  min-height: 42px;
  padding: var(--spacing-sm) var(--spacing-md);
  padding-right: 2.5rem;
  width: 100%;
  --tw-shadow: var(--shadow-none);
  --tw-shadow-colored: var(--shadow-none);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--color-background-default);
  border-color: var(--color-border-default);
  border-style: solid;
  border-width: 1px;
  box-shadow:
    var(--tw-ring-offset-shadow,0 0 transparent),
    var(--tw-ring-shadow,0 0 transparent),
    var(--tw-shadow);
  gap: var(--spacing-sm);
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.doka-select:disabled {
  background-color: var(--color-background-disabled);
  border-color: var(--color-border-disabled);
  cursor: not-allowed;
}
.doka-select:hover:enabled {
  border-color: var(--color-border-strong);
}
.doka-select:focus:enabled {
  border-color: var(--color-border-accent);
}
.doka-select:hover:enabled {
  --tw-shadow: var(--shadow-base);
  --tw-shadow-colored: var(--shadow-base);
  box-shadow:
    var(--tw-ring-offset-shadow,0 0 transparent),
    var(--tw-ring-shadow,0 0 transparent),
    var(--tw-shadow);
}
.doka-select:focus:enabled {
  --tw-shadow: var(--shadow-base);
  --tw-shadow-colored: var(--shadow-base);
  box-shadow:
    var(--tw-ring-offset-shadow,0 0 transparent),
    var(--tw-ring-shadow,0 0 transparent),
    var(--tw-shadow);
}
.doka-select {
  transition-duration: .15s;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.doka-select-disabled,
.doka-select-readonly {
  background-color: var(--color-background-disabled);
  border-color: var(--color-border-disabled);
}
.doka-select-disabled {
  cursor: not-allowed;
}
.doka-select-label {
  color: var(--color-text-default);
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.doka-select-wrapper {
  position: relative;
}
.doka-select-wrapper:after {
  color: var(--color-icon-default);
  font-family: Material Symbols Outlined;
  font-size: 1.125rem;
  font-variation-settings: "FILL" 0, "opsz" 18;
  font-weight: 400;
  --tw-content: "\e5cf";
  content: var(--tw-content);
  pointer-events: none;
  position: absolute;
  right: var(--spacing-lg);
  top: var(--spacing-base);
}
.doka-select-description {
  color: var(--color-text-ultra-light);
  word-break: break-all;
}
.doka-select-alert-message,
.doka-select-description {
  font-family: Soehne, sans-serif;
  font-size: .875rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
}
.doka-select-alert-message {
  display: inline-flex;
  overflow: auto;
  width: 100%;
  word-wrap: break-word;
}
.doka-select-alert-message:before {
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  padding-right: .25rem;
}
.doka-select-alert-message {
  color: var(--color-text-alert);
}
.doka-select-alert-message:before {
  color: var(--color-icon-alert);
  --tw-content: "error";
  content: var(--tw-content);
}
.doka-select-alert-message {
  margin-top: var(--spacing-sm);
}
.doka-select-container {
  display: grid;
  height: fit-content;
}
.doka-select-container:has(.doka-select-disabled, .doka-select:disabled) .doka-select-label {
  color: var(--color-text-disabled);
}
.doka-select-container:has(.doka-select-disabled, .doka-select:disabled) .doka-select-description {
  color: var(--color-text-disabled);
}
.doka-select-container:has(.doka-select-label) .doka-select-description {
  margin-top: calc(var(--spacing-sm)*-1);
}
.doka-select-container:has(.doka-select-disabled, .doka-select:disabled) .doka-select-dropdown {
  visibility: hidden;
}
.doka-select-container:has(.doka-select-readonly) .doka-select-dropdown {
  visibility: hidden;
}
.doka-select-container:not(:has(.doka-select-disabled)):has(.doka-select-alert-message) .doka-select {
  border-color: var(--color-border-alert);
}
.doka-select-container:has(.doka-select-label) .doka-select {
  margin-top: var(--spacing-sm);
}
.doka-select-container:has(.doka-select-description) .doka-select {
  margin-top: var(--spacing-sm);
}
.doka-select-container:has(.doka-select-input:hover):not(:has(.doka-select-alert-message, .doka-select-readonly, .doka-select-disabled)) .doka-select {
  border-color: var(--color-border-strong);
}
.doka-select-container:has(.doka-select-input:focus):not(:has(.doka-select-alert-message, .doka-select-readonly, .doka-select-disabled)) .doka-select {
  border-color: var(--color-border-accent);
}
.doka-select-container:has(.doka-select:focus):not(:has(.doka-select-alert-message, .doka-select:disabled)) .doka-select-wrapper:after {
  color: var(--color-icon-accent);
  content: var(--tw-content);
}
.doka-select-container:has(.doka-select-input:focus):not(:has(.doka-select-alert-message, .doka-select-readonly, .doka-select-disabled)) .doka-select-wrapper:after {
  color: var(--color-icon-accent);
  content: var(--tw-content);
}
.doka-select-container:has(.doka-select:disabled, .doka-select-disabled, .doka-select-readonly) .doka-select-wrapper:after {
  color: var(--color-icon-disabled);
  content: var(--tw-content);
}
.doka-select-container:has(.doka-select-label, .doka-select-description) .doka-select-wrapper:after {
  content: var(--tw-content);
  top: var(--spacing-md);
}
.doka-select-container:has(.doka-select-input:enabled:hover):not(:has(.doka-select-disabled, .doka-select-readonly)) .doka-select {
  --tw-shadow: var(--shadow-base);
  --tw-shadow-colored: var(--shadow-base);
  box-shadow:
    var(--tw-ring-offset-shadow,0 0 transparent),
    var(--tw-ring-shadow,0 0 transparent),
    var(--tw-shadow);
}
.doka-select-container:has(.doka-select-input:enabled:focus):not(:has(.doka-select-disabled, .doka-select-readonly)) .doka-select {
  --tw-shadow: var(--shadow-base);
  --tw-shadow-colored: var(--shadow-base);
  box-shadow:
    var(--tw-ring-offset-shadow,0 0 transparent),
    var(--tw-ring-shadow,0 0 transparent),
    var(--tw-shadow);
}
.doka-select-container .doka-search-field-container {
  margin-bottom: var(--spacing-sm);
}
.doka-select-container:has(.doka-select-readonly) .doka-chip {
  background-color: var(--color-background-default);
  color: var(--color-text-default);
}
.doka-select-container:has(.doka-select-readonly) .doka-chip-action-remove:before {
  color: var(--color-icon-disabled);
  content: var(--tw-content);
}
.doka-select-container:has(.doka-select-readonly) .doka-chip-action-add:before {
  color: var(--color-icon-disabled);
  content: var(--tw-content);
}
.doka-select-container:has(.doka-select-readonly) .doka-chip-action {
  background-color: var(--color-background-default);
  cursor: not-allowed;
}
.doka-select-container:has(.doka-select-disabled) .doka-select-alert-message {
  display: none;
}
.doka-select-container:has(.doka-select-readonly) .doka-select-alert-message {
  display: none;
}
.doka-select-container:has(.doka-select-disabled) .doka-select-information-message {
  display: none;
}
.doka-select-container:has(.doka-select-readonly) .doka-select-information-message {
  display: none;
}
.doka-select-container:has(.doka-select-disabled) .doka-select-success-message {
  display: none;
}
.doka-select-container:has(.doka-select-readonly) .doka-select-success-message {
  display: none;
}
.doka-select-container:has(.doka-select-disabled) .doka-select-warning-message {
  display: none;
}
.doka-select-container:has(.doka-select-readonly) .doka-select-warning-message {
  display: none;
}
.doka-select-container:has(.doka-select-disabled) .doka-chip,
.doka-select-container:has(.doka-select:disabled) .doka-chip {
  background-color: var(--color-background-default);
  color: var(--color-text-disabled);
}
.doka-select-container:has(.doka-select-disabled) .doka-chip .doka-chip-action-remove:before,
.doka-select-container:has(.doka-select:disabled) .doka-chip .doka-chip-action-remove:before {
  color: var(--color-icon-disabled);
  content: var(--tw-content);
}
.doka-select-container:has(.doka-select-disabled) .doka-chip .doka-chip-action-add:before,
.doka-select-container:has(.doka-select:disabled) .doka-chip .doka-chip-action-add:before {
  color: var(--color-icon-disabled);
  content: var(--tw-content);
}
.doka-select-container:has(.doka-select-disabled) .doka-chip .doka-chip-action,
.doka-select-container:has(.doka-select:disabled) .doka-chip .doka-chip-action {
  background-color: var(--color-background-default);
  cursor: not-allowed;
}
.doka-select-container:not(:has(.doka-select-readonly, .doka-select-disabled)):has(.doka-select-required) .doka-select-label:after {
  --tw-content: "*";
  color: var(--color-icon-alert);
  content: var(--tw-content);
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
}
.doka-select-input {
  align-items: center;
  align-self: stretch;
  color: var(--color-text-default);
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
}
.doka-select-input:disabled {
  color: var(--color-text-disabled);
}
.doka-select-input {
  background-color: transparent;
}
.doka-select-input:disabled {
  background-color: var(--color-background-disabled);
  cursor: not-allowed;
}
.doka-select-input {
  display: flex;
  flex: 1 1 0%;
  margin-top: 0;
  min-width: fit-content;
  outline: 2px solid transparent;
  outline-offset: 2px;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.doka-select-dropdown {
  background-color: var(--color-background-default);
  border-color: var(--color-border-light);
  border-style: solid;
  border-width: 0 1px 1px;
  list-style-type: none;
  position: absolute;
  width: 100%;
  --tw-shadow: var(--shadow-lg);
  --tw-shadow-colored: var(--shadow-lg);
  box-shadow:
    var(--tw-ring-offset-shadow,0 0 transparent),
    var(--tw-ring-shadow,0 0 transparent),
    var(--tw-shadow);
  overflow: auto;
  padding: var(--spacing-base);
}
.doka-select-dropdown-entry {
  align-items: baseline;
  align-self: stretch;
  cursor: pointer;
  display: flex;
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  gap: var(--spacing-sm);
  letter-spacing: 0;
  line-height: 1.5rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  transition-duration: .15s;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.doka-select-dropdown-entry:hover {
  background-color: var(--color-background-action-hover);
}
.doka-select-dropdown-entry {
  padding: var(--spacing-sm) var(--spacing-base);
  width: 100%;
}
.doka-select-dropdown-entry .doka-checkbox-container {
  width: 100%;
}
.doka-select-chip-container {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-base);
  position: relative;
}
.doka-number-input {
  align-items: center;
  align-self: stretch;
  background-color: var(--color-background-default);
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
  overflow: hidden;
  padding: var(--spacing-base) var(--spacing-md);
  text-overflow: ellipsis;
  width: 100%;
}
.doka-number-input:-moz-read-only {
  background-color: var(--color-background-disabled);
}
.doka-number-input:read-only {
  background-color: var(--color-background-disabled);
}
.doka-number-input:disabled {
  background-color: var(--color-background-disabled);
}
.doka-number-input {
  color: var(--color-text-default);
}
.doka-number-input:disabled {
  color: var(--color-text-disabled);
  cursor: not-allowed;
  pointer-events: none;
}
.doka-number-input {
  border-right-color: transparent;
  border-style: solid;
}
.doka-number-input::-moz-placeholder {
  color: var(--color-text-placeholder);
}
.doka-number-input::placeholder {
  color: var(--color-text-placeholder);
}
.doka-number-input {
  height: fit-content;
}
.doka-number-input::-webkit-inner-spin-button,
.doka-number-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.doka-number-input {
  -moz-appearance: textfield;
}
.doka-number-input-label {
  color: var(--color-text-default);
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.doka-number-input-description {
  color: var(--color-text-ultra-light);
}
.doka-number-input-alert-message,
.doka-number-input-description {
  font-family: Soehne, sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  word-wrap: break-word;
  font-size: .875rem;
}
.doka-number-input-alert-message {
  display: inline-flex;
  overflow: auto;
  width: 100%;
}
.doka-number-input-alert-message:before {
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  padding-right: .25rem;
}
.doka-number-input-alert-message {
  color: var(--color-text-alert);
}
.doka-number-input-alert-message:before {
  color: var(--color-icon-alert);
  --tw-content: "error";
  content: var(--tw-content);
}
.doka-number-input-alert-message {
  margin-top: var(--spacing-sm);
}
.doka-number-input-input {
  display: flex;
  height: fit-content;
  position: relative;
  --tw-shadow: var(--shadow-none);
  --tw-shadow-colored: var(--shadow-none);
  border-color: var(--color-border-default);
  border-style: solid;
  border-width: 1px;
  box-shadow:
    var(--tw-ring-offset-shadow,0 0 transparent),
    var(--tw-ring-shadow,0 0 transparent),
    var(--tw-shadow);
}
.doka-number-input-controls {
  display: grid;
  margin-left: -1px;
}
.doka-number-input-button {
  background-color: var(--color-background-default);
  color: var(--color-icon-default);
  display: table-cell;
  font-family: Material Symbols Outlined;
  font-size: 1.125rem;
  font-variation-settings: "FILL" 0, "opsz" 18;
  font-weight: 400;
  line-height: 18px;
  outline: 2px solid transparent;
  outline-offset: 2px;
  padding-left: var(--spacing-sm);
  padding-right: var(--spacing-sm);
  vertical-align: middle;
}
.doka-number-input-button-increment:before {
  --tw-content: "\e5ce";
  content: var(--tw-content);
}
.doka-number-input-button-increment {
  border-color: var(--color-border-default);
  border-left-width: 1px;
  border-style: solid;
}
.doka-number-input-button-decrement {
  margin-top: -1px;
}
.doka-number-input-button-decrement:before {
  --tw-content: "\e5cf";
  content: var(--tw-content);
}
.doka-number-input-button-decrement {
  border-color: var(--color-border-default);
  border-left-width: 1px;
  border-style: solid;
  border-top-width: 1px;
}
.doka-number-input-decoration {
  color: var(--color-text-light);
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
  padding-bottom: var(--spacing-base);
  padding-right: .75rem;
  padding-top: var(--spacing-base);
}
.doka-number-input-container {
  display: grid;
  height: fit-content;
}
.doka-number-input-container:has(.doka-number-input:hover):not(:has(.doka-number-input:-moz-read-only, .doka-number-input-alert-message)) .doka-number-input-input {
  border-color: var(--color-border-strong);
}
.doka-number-input-container:has(.doka-number-input:hover):not(:has(.doka-number-input:read-only, .doka-number-input-alert-message)) .doka-number-input-input {
  border-color: var(--color-border-strong);
}
.doka-number-input-container:has(.doka-number-input:focus):not(:has(.doka-number-input:-moz-read-only, .doka-number-input-alert-message)) .doka-number-input-input {
  border-color: var(--color-border-accent);
}
.doka-number-input-container:has(.doka-number-input:focus):not(:has(.doka-number-input:read-only, .doka-number-input-alert-message)) .doka-number-input-input {
  border-color: var(--color-border-accent);
}
.doka-number-input-container:has(.doka-number-input-button:hover):not(:has(.doka-number-input:-moz-read-only, .doka-number-input-alert-message)) .doka-number-input-input {
  border-color: var(--color-border-strong);
}
.doka-number-input-container:has(.doka-number-input-button:hover):not(:has(.doka-number-input:read-only, .doka-number-input-alert-message)) .doka-number-input-input {
  border-color: var(--color-border-strong);
}
.doka-number-input-container:has(.doka-number-input-button:focus):not(:has(.doka-number-input:-moz-read-only, .doka-number-input-alert-message)) .doka-number-input-input {
  border-color: var(--color-border-accent);
}
.doka-number-input-container:has(.doka-number-input-button:focus):not(:has(.doka-number-input:read-only, .doka-number-input-alert-message)) .doka-number-input-input {
  border-color: var(--color-border-accent);
}
.doka-number-input-container:has(.doka-number-input-alert-message):not(:has(.doka-number-input:disabled, .doka-number-input:-moz-read-only)) .doka-number-input-input {
  border-color: var(--color-border-alert);
}
.doka-number-input-container:has(.doka-number-input-alert-message):not(:has(.doka-number-input:disabled, .doka-number-input:read-only)) .doka-number-input-input {
  border-color: var(--color-border-alert);
}
.doka-number-input-container:has(.doka-number-input-label) .doka-number-input-input {
  margin-top: var(--spacing-sm);
}
.doka-number-input-container:has(.doka-number-input-description) .doka-number-input-input {
  margin-top: var(--spacing-sm);
}
.doka-number-input-container:has(.doka-number-input:-moz-read-only) .doka-number-input-input {
  border-color: var(--color-border-disabled);
}
.doka-number-input-container:has(.doka-number-input:read-only) .doka-number-input-input {
  border-color: var(--color-border-disabled);
}
.doka-number-input-container:has(.doka-number-input:disabled) .doka-number-input-input {
  border-color: var(--color-border-disabled);
}
.doka-number-input-container:has(.doka-number-input:disabled) {
  cursor: not-allowed;
}
.doka-number-input-container:has(.doka-number-input:focus):not(:has(.doka-number-input:-moz-read-only, .doka-number-input-alert-message)) .doka-number-input-button-increment {
  border-color: var(--color-border-accent);
}
.doka-number-input-container:has(.doka-number-input:focus):not(:has(.doka-number-input:read-only, .doka-number-input-alert-message)) .doka-number-input-button-increment {
  border-color: var(--color-border-accent);
}
.doka-number-input-container:has(.doka-number-input-button-decrement:focus):not(:has(.doka-number-input:-moz-read-only, .doka-number-input-alert-message)) .doka-number-input-button-increment {
  border-color: var(--color-border-accent);
}
.doka-number-input-container:has(.doka-number-input-button-decrement:focus):not(:has(.doka-number-input:read-only, .doka-number-input-alert-message)) .doka-number-input-button-increment {
  border-color: var(--color-border-accent);
}
.doka-number-input-container:has(.doka-number-input-button-increment:focus):not(:has(.doka-number-input:-moz-read-only, .doka-number-input-alert-message)) .doka-number-input-button-increment {
  border-color: var(--color-border-accent);
}
.doka-number-input-container:has(.doka-number-input-button-increment:focus):not(:has(.doka-number-input:read-only, .doka-number-input-alert-message)) .doka-number-input-button-increment {
  border-color: var(--color-border-accent);
}
.doka-number-input-container:has(.doka-number-input:focus):not(:has(.doka-number-input:-moz-read-only, .doka-number-input-alert-message)) .doka-number-input-button-decrement {
  border-color: var(--color-border-accent);
}
.doka-number-input-container:has(.doka-number-input:focus):not(:has(.doka-number-input:read-only, .doka-number-input-alert-message)) .doka-number-input-button-decrement {
  border-color: var(--color-border-accent);
}
.doka-number-input-container:has(.doka-number-input-button-decrement:focus):not(:has(.doka-number-input:-moz-read-only, .doka-number-input-alert-message)) .doka-number-input-button-decrement {
  border-color: var(--color-border-accent);
}
.doka-number-input-container:has(.doka-number-input-button-decrement:focus):not(:has(.doka-number-input:read-only, .doka-number-input-alert-message)) .doka-number-input-button-decrement {
  border-color: var(--color-border-accent);
}
.doka-number-input-container:has(.doka-number-input-button-increment:focus):not(:has(.doka-number-input:-moz-read-only, .doka-number-input-alert-message)) .doka-number-input-button-decrement {
  border-color: var(--color-border-accent);
}
.doka-number-input-container:has(.doka-number-input-button-increment:focus):not(:has(.doka-number-input:read-only, .doka-number-input-alert-message)) .doka-number-input-button-decrement {
  border-color: var(--color-border-accent);
}
.doka-number-input-container:has(.doka-number-input:focus):not(:has(.doka-number-input:-moz-read-only, .doka-number-input-alert-message)) .doka-number-input-button {
  border-color: var(--color-border-accent);
}
.doka-number-input-container:has(.doka-number-input:focus):not(:has(.doka-number-input:read-only, .doka-number-input-alert-message)) .doka-number-input-button {
  border-color: var(--color-border-accent);
}
.doka-number-input-container:has(.doka-number-input:disabled) .doka-number-input-button {
  background-color: var(--color-background-disabled);
  border-color: var(--color-border-disabled);
  color: var(--color-icon-disabled);
  cursor: not-allowed;
}
.doka-number-input-container:has(.doka-textField:disabled) .doka-number-input-button {
  pointer-events: none;
}
.doka-number-input-container:has(.doka-number-input:-moz-read-only) .doka-number-input-button {
  background-color: var(--color-background-disabled);
  border-color: var(--color-border-disabled);
  color: var(--color-icon-disabled);
  cursor: not-allowed;
}
.doka-number-input-container:has(.doka-number-input:read-only) .doka-number-input-button {
  background-color: var(--color-background-disabled);
  border-color: var(--color-border-disabled);
  color: var(--color-icon-disabled);
  cursor: not-allowed;
}
.doka-number-input-container:has(.doka-number-input:disabled) .doka-number-input-label {
  color: var(--color-text-disabled);
}
.doka-number-input-container:has(.doka-number-input:disabled) .doka-number-input-description {
  color: var(--color-text-disabled);
}
.doka-number-input-container:has(.doka-number-input-label) .doka-number-input-description {
  margin-top: calc(var(--spacing-sm)*-1);
}
.doka-number-input-container:has(.doka-number-input:disabled) .doka-number-input-alert-message {
  display: none;
}
.doka-number-input-container:has(.doka-number-input:-moz-read-only) .doka-number-input-alert-message {
  display: none;
}
.doka-number-input-container:has(.doka-number-input:read-only) .doka-number-input-alert-message {
  display: none;
}
.doka-number-input-container:has(.doka-number-input:disabled) .doka-number-input-information-message {
  display: none;
}
.doka-number-input-container:has(.doka-number-input:-moz-read-only) .doka-number-input-information-message {
  display: none;
}
.doka-number-input-container:has(.doka-number-input:read-only) .doka-number-input-information-message {
  display: none;
}
.doka-number-input-container:has(.doka-number-input:disabled) .doka-number-input-success-message {
  display: none;
}
.doka-number-input-container:has(.doka-number-input:-moz-read-only) .doka-number-input-success-message {
  display: none;
}
.doka-number-input-container:has(.doka-number-input:read-only) .doka-number-input-success-message {
  display: none;
}
.doka-number-input-container:has(.doka-number-input:disabled) .doka-number-input-warning-message {
  display: none;
}
.doka-number-input-container:has(.doka-number-input:-moz-read-only) .doka-number-input-warning-message {
  display: none;
}
.doka-number-input-container:has(.doka-number-input:read-only) .doka-number-input-warning-message {
  display: none;
}
.doka-number-input-container:has(.doka-number-input:enabled:hover):not(:has(.doka-number-input:-moz-read-only)) .doka-number-input-input {
  --tw-shadow: var(--shadow-base);
  --tw-shadow-colored: var(--shadow-base);
  box-shadow:
    var(--tw-ring-offset-shadow,0 0 transparent),
    var(--tw-ring-shadow,0 0 transparent),
    var(--tw-shadow);
}
.doka-number-input-container:has(.doka-number-input:enabled:hover):not(:has(.doka-number-input:read-only)) .doka-number-input-input {
  --tw-shadow: var(--shadow-base);
  --tw-shadow-colored: var(--shadow-base);
  box-shadow:
    var(--tw-ring-offset-shadow,0 0 transparent),
    var(--tw-ring-shadow,0 0 transparent),
    var(--tw-shadow);
}
.doka-number-input-container:has(.doka-number-input:enabled:focus):not(:has(.doka-number-input:-moz-read-only)) .doka-number-input-input {
  --tw-shadow: var(--shadow-base);
  --tw-shadow-colored: var(--shadow-base);
  box-shadow:
    var(--tw-ring-offset-shadow,0 0 transparent),
    var(--tw-ring-shadow,0 0 transparent),
    var(--tw-shadow);
}
.doka-number-input-container:has(.doka-number-input:enabled:focus):not(:has(.doka-number-input:read-only)) .doka-number-input-input {
  --tw-shadow: var(--shadow-base);
  --tw-shadow-colored: var(--shadow-base);
  box-shadow:
    var(--tw-ring-offset-shadow,0 0 transparent),
    var(--tw-ring-shadow,0 0 transparent),
    var(--tw-shadow);
}
.doka-number-input-container:not(:has(.doka-number-input:disabled, .doka-number-input:-moz-read-only)):has(.doka-number-input-required) .doka-number-input-label:after {
  --tw-content: "*";
  color: var(--color-icon-alert);
  content: var(--tw-content);
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
}
.doka-number-input-container:not(:has(.doka-number-input:disabled, .doka-number-input:-moz-read-only)):has(.doka-number-input-required) .doka-number-input-label::after {
  --tw-content: "*";
  color: var(--color-icon-alert);
  content: var(--tw-content);
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
}
.doka-number-input-container:not(:has(.doka-number-input:disabled, .doka-number-input:read-only)):has(.doka-number-input-required) .doka-number-input-label:after {
  --tw-content: "*";
  color: var(--color-icon-alert);
  content: var(--tw-content);
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
}
.doka-number-input-container:has(.doka-number-input:-moz-read-only) .doka-number-input-decoration {
  background-color: var(--color-background-disabled);
  color: var(--color-text-default);
}
.doka-number-input-container:has(.doka-number-input:read-only) .doka-number-input-decoration {
  background-color: var(--color-background-disabled);
  color: var(--color-text-default);
}
.doka-number-input-container:has(.doka-number-input:disabled) .doka-number-input-decoration {
  color: var(--color-text-disabled);
}
.doka-card {
  align-items: flex-start;
  background-color: var(--color-background-default);
  display: inline-flex;
  padding: var(--spacing-base);
  --tw-shadow: var(--shadow-lg);
  --tw-shadow-colored: var(--shadow-lg);
  border: 1px solid transparent;
  border-radius: .375rem;
  box-shadow:
    var(--tw-ring-offset-shadow,0 0 transparent),
    var(--tw-ring-shadow,0 0 transparent),
    var(--tw-shadow);
  width: fit-content;
}
.doka-card.doka-card-selectable {
  border-color: var(--color-border-ultra-light);
  cursor: pointer;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.doka-card.doka-card-selectable:hover {
  border-color: var(--color-border-accent);
}
.doka-card.doka-card-selectable:focus {
  border-color: var(--color-border-accent);
}
.doka-card.doka-card-selectable {
  transition-duration: .15s;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.doka-card.doka-card-selected.doka-card-selectable {
  border-color: var(--color-border-accent);
  position: relative;
}
.doka-card.doka-card-selected.doka-card-selectable:hover {
  border-color: var(--color-border-accent);
}
.doka-card.doka-card-selected.doka-card-selectable:focus {
  border-color: var(--color-border-accent);
}
.doka-card.doka-card-selected.doka-card-selectable:after {
  color: var(--color-icon-accent);
  font-family: Material Symbols Outlined;
  font-size: 1.25rem;
  font-variation-settings: "FILL" 1, "opsz" 20;
  font-weight: 600;
  position: absolute;
  right: var(--spacing-lg);
  top: var(--spacing-lg);
  --tw-content: "\e86c";
  content: var(--tw-content);
}
.doka-card.doka-card-clickable {
  border-color: var(--color-border-ultra-light);
  cursor: pointer;
  outline: 2px solid transparent;
  outline-offset: 2px;
  position: relative;
}
.doka-card.doka-card-clickable:hover {
  border-color: var(--color-border-accent);
}
.doka-card.doka-card-clickable:focus {
  border-color: var(--color-border-accent);
}
.doka-card.doka-card-clickable {
  transition-duration: .15s;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.doka-card.doka-card-clickable:has(.doka-card-clickable-content, .doka-card-clickable-action) {
  display: flex;
  flex-direction: row;
  padding: 0;
}
.doka-card.doka-card-clickable:has(.doka-card-clickable-content:focus, .doka-card-clickable-action:focus) {
  border-color: var(--color-border-accent);
}
.doka-card.doka-card-clickable .doka-card-clickable-content {
  align-self: stretch;
  flex: 1 1 0%;
  outline: 2px solid transparent;
  outline-offset: 2px;
  padding: var(--spacing-base);
}
.doka-card.doka-card-clickable .doka-card-clickable-action {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.doka-card.doka-card-clickable .doka-card-clickable-action:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.doka-card.doka-card-clickable .doka-card-clickable-action {
  cursor: pointer;
}
.doka-card.doka-card-clickable .doka-card-clickable-action:disabled {
  cursor: not-allowed;
}
.doka-card.doka-card-clickable .doka-card-clickable-action {
  color: var(--color-icon-accent);
}
.doka-card.doka-card-clickable .doka-card-clickable-action:disabled {
  color: var(--color-icon-disabled-light);
}
.doka-card.doka-card-clickable .doka-card-clickable-action {
  background-color: transparent;
}
.doka-card.doka-card-clickable .doka-card-clickable-action:hover:enabled {
  background-color: var(--color-background-action-hover);
}
.doka-card.doka-card-clickable .doka-card-clickable-action:focus:enabled {
  background-color: var(--color-background-action-focus);
}
.doka-card.doka-card-clickable .doka-card-clickable-action:disabled {
  background-color: transparent;
}
.doka-card.doka-card-clickable .doka-card-clickable-action {
  align-self: stretch;
  border-radius: 0;
  border-bottom-right-radius: .375rem;
  border-color: var(--color-border-ultra-light);
  border-left-width: 1px;
  border-style: solid;
  border-top-right-radius: .375rem;
  font-family: Material Symbols Outlined;
  font-size: .75rem;
  font-variation-settings: "FILL" 0, "opsz" 12;
  font-weight: 400;
  height: auto;
  transition-duration: .15s;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  width: 1.5rem;
}
.doka-card.doka-card-disabled.doka-card-clickable,
.doka-card.doka-card-disabled.doka-card-selectable {
  background-color: var(--color-background-disabled);
  border-color: var(--color-border-disabled);
  cursor: not-allowed;
}
.doka-card.doka-card-disabled.doka-card-clickable:hover,
.doka-card.doka-card-disabled.doka-card-selectable:hover {
  border-color: var(--color-border-disabled);
}
.doka-card.doka-card-disabled.doka-card-clickable:focus,
.doka-card.doka-card-disabled.doka-card-selectable:focus {
  border-color: var(--color-border-disabled);
}
.doka-card.doka-card-disabled.doka-card-clickable .doka-card-clickable-action,
.doka-card.doka-card-disabled.doka-card-selectable .doka-card-clickable-action {
  background-color: var(--color-background-disabled);
  color: var(--color-icon-disabled);
}
.doka-card.doka-card-disabled.doka-card-clickable .doka-card-clickable-action:hover,
.doka-card.doka-card-disabled.doka-card-selectable .doka-card-clickable-action:hover {
  background-color: var(--color-background-disabled);
}
.doka-card.doka-card-disabled.doka-card-clickable .doka-card-clickable-action:focus,
.doka-card.doka-card-disabled.doka-card-selectable .doka-card-clickable-action:focus {
  background-color: var(--color-background-disabled);
}
.doka-card.doka-card-disabled.doka-card-clickable .doka-card-clickable-action,
.doka-card.doka-card-disabled.doka-card-selectable .doka-card-clickable-action {
  border-color: var(--color-border-disabled);
  cursor: not-allowed;
}
.doka-card.doka-card-disabled.doka-card-selected:after {
  color: var(--color-icon-disabled);
  content: var(--tw-content);
}
.doka-notification-indicator {
  align-items: center;
  background-color: var(--color-background-alert);
  border-radius: 9999px;
  color: var(--color-text-inverted);
  display: inline-flex;
  flex-shrink: 0;
  font-family: Soehne, sans-serif;
  font-size: .6875rem;
  font-style: normal;
  font-weight: 600;
  justify-content: center;
  line-height: .75rem;
  padding: var(--spacing-xs) var(--spacing-sm);
}
.doka-notification-indicator.doka-notification-indicator-small {
  display: flex;
  height: .375rem;
  padding-left: var(--spacing-xs);
  padding-right: var(--spacing-xs);
  width: .375rem;
}
.doka-banner {
  background-color: var(--color-background-information);
  color: var(--color-text-inverted);
  display: flex;
  gap: var(--spacing-base);
  padding: var(--spacing-md) var(--spacing-lg);
  width: 100%;
}
.doka-banner:before {
  color: var(--color-icon-inverted);
  font-family: Material Symbols Outlined;
  font-size: 1.125rem;
  font-variation-settings: "FILL" 1, "opsz" 18;
  font-weight: 600;
  margin-top: var(--spacing-sm);
  --tw-content: "\e88e";
  content: var(--tw-content);
}
.doka-banner {
  border-radius: .125rem;
}
.doka-banner.doka-banner-alert {
  background-color: var(--color-background-alert);
}
.doka-banner.doka-banner-alert:before {
  --tw-content: "\e001";
  content: var(--tw-content);
}
.doka-banner.doka-banner-warning {
  background-color: var(--color-background-warning);
}
.doka-banner.doka-banner-warning:before {
  --tw-content: "\f083";
  content: var(--tw-content);
}
.doka-banner-content {
  display: flex;
  overflow: auto;
  padding-bottom: var(--spacing-sm);
  padding-top: var(--spacing-sm);
}
.doka-banner-title {
  font-weight: 600;
  margin-right: var(--spacing-sm);
}
.doka-banner-description,
.doka-banner-title {
  display: inline-block;
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  letter-spacing: 0;
  line-height: 1.5rem;
  word-wrap: break-word;
  color: var(--color-text-inverted);
}
.doka-banner-description {
  flex-shrink: 1;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.doka-banner-action-button {
  align-items: baseline;
  border-radius: .125rem;
  display: inline-flex;
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
  padding: var(--spacing-sm) var(--spacing-lg);
}
.doka-banner-action-button:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.doka-banner-action-button {
  background-color: transparent;
  border-color: var(--color-border-inverted);
  border-style: solid;
  border-width: 1px;
  color: var(--color-text-inverted);
  margin-left: var(--spacing-base);
}
.doka-accordion {
  color: var(--color-text-default);
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.5rem;
}
.doka-accordion:disabled {
  color: var(--color-text-disabled);
}
.doka-accordion {
  background-color: var(--color-background-action);
}
.doka-accordion:hover:enabled {
  background-color: var(--color-background-action-hover);
}
.doka-accordion:focus:enabled {
  background-color: var(--color-background-action-focus);
}
.doka-accordion:hover:disabled {
  background-color: var(--color-background-action);
}
.doka-accordion:focus:disabled {
  background-color: var(--color-background-action);
}
.doka-accordion:after {
  color: var(--color-icon-default);
  float: right;
  font-family: Material Symbols Outlined;
  font-size: 1.25rem;
  font-variation-settings: "FILL" 0, "opsz" 20;
  font-weight: 400;
  position: absolute;
  right: var(--spacing-lg);
  --tw-content: "\e5cf";
  content: var(--tw-content);
}
.doka-accordion:disabled:after {
  color: var(--color-icon-disabled);
  content: var(--tw-content);
}
.doka-accordion {
  align-content: center;
  align-items: center;
  cursor: pointer;
  gap: var(--spacing-lg);
  overflow: hidden;
  padding: var(--spacing-base) var(--spacing-3xl) var(--spacing-base) var(--spacing-base);
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.doka-accordion:disabled {
  cursor: not-allowed;
}
.doka-accordion {
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-duration: .15s;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.doka-accordion-activated:after {
  --tw-content: "\e5ce";
  content: var(--tw-content);
}
.doka-accordion-activated + .doka-accordion-content {
  display: block;
}
.doka-accordion-content {
  background-color: var(--color-background-default);
  color: var(--color-text-default);
  display: none;
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
  word-wrap: break-word;
  padding: var(--spacing-base);
}
.doka-accordion-item {
  border-color: var(--color-border-light);
  border-style: solid;
  border-width: 1px 0;
  position: relative;
}
.doka-accordion-item:has(.doka-accordion:disabled) {
  border-color: var(--color-border-disabled);
}
.doka-accordion-container > :first-child,
.doka-accordion-container > :nth-child(n) {
  border-bottom-width: 0;
}
.doka-accordion-container > :last-child {
  border-bottom-width: 1px;
}
.doka-date-picker {
  align-items: flex-start;
  background-color: var(--color-background-default);
  flex-direction: column;
  padding: var(--spacing-base);
  width: 14rem;
  --tw-shadow: var(--shadow-lg);
  --tw-shadow-colored: var(--shadow-lg);
  box-shadow:
    var(--tw-ring-offset-shadow,0 0 transparent),
    var(--tw-ring-shadow,0 0 transparent),
    var(--tw-shadow);
}
.doka-date-picker,
.doka-date-picker-header {
  display: flex;
  gap: var(--spacing-base);
}
.doka-date-picker-header {
  align-items: center;
  width: 100%;
}
.doka-date-picker-header-level {
  background-color: var(--color-background-action);
  color: var(--color-text-default);
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
  text-align: center;
  width: 100%;
}
.doka-date-picker-header-level:hover {
  background-color: var(--color-background-action-hover);
}
.doka-date-picker-header-level:focus {
  background-color: var(--color-background-action-focus);
}
.doka-date-picker-header-level {
  border-radius: .25rem;
  transition-duration: .15s;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.doka-date-picker-header-button {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.doka-date-picker-header-button:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.doka-date-picker-header-button {
  cursor: pointer;
}
.doka-date-picker-header-button:disabled {
  cursor: not-allowed;
}
.doka-date-picker-header-button {
  color: var(--color-icon-accent);
}
.doka-date-picker-header-button:disabled {
  color: var(--color-icon-disabled-light);
}
.doka-date-picker-header-button {
  background-color: transparent;
}
.doka-date-picker-header-button:hover:enabled {
  background-color: var(--color-background-action-hover);
}
.doka-date-picker-header-button:focus:enabled {
  background-color: var(--color-background-action-focus);
}
.doka-date-picker-header-button:disabled {
  background-color: transparent;
}
.doka-date-picker-header-button {
  border-radius: .25rem;
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  height: 1.5rem;
  transition-duration: .15s;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  width: 1.5rem;
}
.doka-date-picker-header-button-next:before {
  color: var(--color-icon-accent);
  --tw-content: "\e5cc";
  content: var(--tw-content);
}
.doka-date-picker-header-button-previous:before {
  color: var(--color-icon-accent);
  --tw-content: "\e5cb";
  content: var(--tw-content);
}
.doka-date-picker-item {
  align-content: center;
  align-items: flex-start;
  flex: 1 1 0%;
  font-family: Soehne, sans-serif;
  font-size: .875rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  list-style-type: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.doka-date-picker-item,
.doka-date-picker-weekdays {
  display: flex;
  text-align: center;
}
.doka-date-picker-weekdays {
  align-items: center;
  width: 100%;
}
.doka-date-picker-weekdays > .doka-date-picker-item {
  display: block;
}
.doka-date-picker-weekday {
  color: var(--color-text-light);
}
.doka-date-picker-days {
  font-size: 0;
}
.doka-date-picker-days > .doka-date-picker-item {
  display: inline-block;
  width: 14.28%;
}
.doka-date-picker-day {
  background-color: var(--color-background-action);
}
.doka-date-picker-day:hover {
  background-color: var(--color-background-action-hover);
}
.doka-date-picker-day:focus {
  background-color: var(--color-background-action-focus);
}
.doka-date-picker-day {
  border-radius: .25rem;
  height: 1.5rem;
  transition-duration: .15s;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  width: 100%;
}
.doka-date-picker-day-current {
  background-color: var(--color-background-action-focus);
  color: var(--color-text-default);
}
.doka-date-picker-day-outside {
  color: var(--color-text-light);
}
.doka-date-picker-day-selected {
  background-color: var(--color-background-accent);
  color: var(--color-text-inverted);
}
.doka-date-picker-day-selected:hover {
  background-color: var(--color-background-accent);
}
.doka-date-picker-day-selected:focus {
  background-color: var(--color-background-accent);
}
.doka-date-picker-day-disabled {
  background-color: var(--color-background-default);
  color: var(--color-text-disabled);
  cursor: not-allowed;
}
.doka-date-picker-day-disabled:hover {
  background-color: var(--color-background-default);
}
.doka-date-picker-day-disabled:focus {
  background-color: var(--color-background-default);
}
.doka-date-picker-day-disabled.doka-date-picker-day-current {
  background-color: var(--color-background-action-focus);
  color: var(--color-text-default);
}
.doka-date-picker-day-disabled.doka-date-picker-day-current:hover {
  background-color: var(--color-background-action-focus);
}
.doka-date-picker-day-disabled.doka-date-picker-day-current:focus {
  background-color: var(--color-background-action-focus);
}
.doka-date-picker-months {
  font-size: 0;
  margin-left: calc(var(--spacing-xs)*-1);
  margin-right: calc(var(--spacing-xs)*-1);
}
.doka-date-picker-months > .doka-date-picker-item {
  display: inline-block;
  padding: var(--spacing-xs);
  width: 33.333333%;
}
.doka-date-picker-month {
  background-color: var(--color-background-action);
}
.doka-date-picker-month:hover {
  background-color: var(--color-background-action-hover);
}
.doka-date-picker-month:focus {
  background-color: var(--color-background-action-focus);
}
.doka-date-picker-month {
  border-radius: .25rem;
  height: 1.5rem;
  transition-duration: .15s;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  width: 100%;
}
.doka-date-input {
  color: var(--color-text-default);
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
}
.doka-date-input:-moz-read-only {
  color: var(--color-text-default);
}
.doka-date-input:read-only {
  color: var(--color-text-default);
}
.doka-date-input:disabled {
  color: var(--color-text-disabled);
}
.doka-date-input {
  align-items: center;
  align-self: stretch;
  background-color: var(--color-background-default);
  outline: 2px solid transparent;
  outline-offset: 2px;
  overflow: hidden;
  padding: var(--spacing-base) var(--spacing-md);
  text-overflow: ellipsis;
  width: 100%;
}
.doka-date-input:-moz-read-only {
  background-color: var(--color-background-disabled);
}
.doka-date-input:read-only {
  background-color: var(--color-background-disabled);
}
.doka-date-input:disabled {
  background-color: var(--color-background-disabled);
}
.doka-date-input {
  border-color: var(--color-border-default);
  border-style: solid;
  border-width: 1px;
}
.doka-date-input:hover:enabled {
  border-color: var(--color-border-strong);
}
.doka-date-input:focus:enabled {
  border-color: var(--color-border-accent);
}
.doka-date-input:-moz-read-only {
  border-color: var(--color-border-disabled);
}
.doka-date-input:read-only {
  border-color: var(--color-border-disabled);
}
.doka-date-input:focus-within:-moz-read-only {
  border-color: var(--color-border-disabled);
}
.doka-date-input:focus-within:read-only {
  border-color: var(--color-border-disabled);
}
.doka-date-input:hover:-moz-read-only {
  border-color: var(--color-border-disabled);
}
.doka-date-input:hover:read-only {
  border-color: var(--color-border-disabled);
}
.doka-date-input:disabled {
  border-color: var(--color-border-disabled);
  cursor: not-allowed;
  pointer-events: none;
}
.doka-date-input::-moz-placeholder {
  color: var(--color-text-placeholder);
}
.doka-date-input::placeholder {
  color: var(--color-text-placeholder);
}
.doka-date-input {
  --tw-shadow: var(--shadow-none);
  --tw-shadow-colored: var(--shadow-none);
  box-shadow:
    var(--tw-ring-offset-shadow,0 0 transparent),
    var(--tw-ring-shadow,0 0 transparent),
    var(--tw-shadow);
  transition-duration: .15s;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.doka-date-input-label {
  color: var(--color-text-default);
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.doka-date-input-description {
  color: var(--color-text-ultra-light);
}
.doka-date-input-alert-message,
.doka-date-input-description {
  font-family: Soehne, sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  word-wrap: break-word;
  font-size: .875rem;
}
.doka-date-input-alert-message {
  display: inline-flex;
  overflow: auto;
  width: 100%;
}
.doka-date-input-alert-message:before {
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  padding-right: .25rem;
}
.doka-date-input-alert-message {
  color: var(--color-text-alert);
}
.doka-date-input-alert-message:before {
  color: var(--color-icon-alert);
  --tw-content: "error";
  content: var(--tw-content);
}
.doka-date-input-alert-message {
  margin-top: var(--spacing-sm);
}
.doka-date-input-container {
  display: grid;
  height: fit-content;
}
.doka-date-input-container:not(:has(.doka-date-input:-moz-read-only, .doka-date-input-alert-message)):has(.doka-date-input:focus-visible) .doka-date-input-button:before {
  color: var(--color-icon-accent);
  content: var(--tw-content);
}
.doka-date-input-container:not(:has(.doka-date-input:-moz-read-only, .doka-date-input-alert-message)):has(.doka-date-input:focus-visible) .doka-date-input-button::before {
  color: var(--color-icon-accent);
  content: var(--tw-content);
}
.doka-date-input-container:not(:has(.doka-date-input:read-only, .doka-date-input-alert-message)):has(.doka-date-input:focus-visible) .doka-date-input-button:before {
  color: var(--color-icon-accent);
  content: var(--tw-content);
}
.doka-date-input-container:has(.doka-date-input:disabled) .doka-date-input-button:before {
  color: var(--color-icon-disabled);
  content: var(--tw-content);
}
.doka-date-input-container:has(.doka-date-input:-moz-read-only) .doka-date-input-button:before {
  color: var(--color-icon-disabled);
  content: var(--tw-content);
}
.doka-date-input-container:has(.doka-date-input:-moz-read-only) .doka-date-input-button::before {
  color: var(--color-icon-disabled);
  content: var(--tw-content);
}
.doka-date-input-container:has(.doka-date-input:read-only) .doka-date-input-button:before {
  color: var(--color-icon-disabled);
  content: var(--tw-content);
}
.doka-date-input-container:has(.doka-date-input-alert-message):not(:has(.doka-date-input:disabled, .doka-date-input:-moz-read-only)) .doka-date-input {
  border-color: var(--color-border-alert);
}
.doka-date-input-container:has(.doka-date-input-alert-message):not(:has(.doka-date-input:disabled, .doka-date-input:read-only)) .doka-date-input {
  border-color: var(--color-border-alert);
}
.doka-date-input-container:has(.doka-date-input-label) .doka-date-input {
  margin-top: var(--spacing-sm);
}
.doka-date-input-container:has(.doka-date-input-description) .doka-date-input {
  margin-top: var(--spacing-sm);
}
.doka-date-input-container:has(.doka-date-input:disabled) {
  cursor: not-allowed;
}
.doka-date-input-container:has(.doka-date-input:disabled) .doka-date-input-label {
  color: var(--color-text-disabled);
}
.doka-date-input-container:has(.doka-date-input:disabled) .doka-date-input-description {
  color: var(--color-text-disabled);
}
.doka-date-input-container:has(.doka-date-input-label) .doka-date-input-description {
  margin-top: calc(var(--spacing-sm)*-1);
}
.doka-date-input-container:has(.doka-date-input:disabled) .doka-date-input-button {
  cursor: not-allowed;
}
.doka-date-input-container:has(.doka-date-input:-moz-read-only) .doka-date-input-button {
  cursor: not-allowed;
}
.doka-date-input-container:has(.doka-date-input:read-only) .doka-date-input-button {
  cursor: not-allowed;
}
.doka-date-input-container:has(.doka-date-input:disabled) .doka-date-input-alert-message {
  display: none;
}
.doka-date-input-container:has(.doka-date-input:-moz-read-only) .doka-date-input-alert-message {
  display: none;
}
.doka-date-input-container:has(.doka-date-input:read-only) .doka-date-input-alert-message {
  display: none;
}
.doka-date-input-container:has(.doka-date-input:disabled) .doka-date-input-warning-message {
  display: none;
}
.doka-date-input-container:has(.doka-date-input:-moz-read-only) .doka-date-input-warning-message {
  display: none;
}
.doka-date-input-container:has(.doka-date-input:read-only) .doka-date-input-warning-message {
  display: none;
}
.doka-date-input-container:has(.doka-date-input:disabled) .doka-date-input-success-message {
  display: none;
}
.doka-date-input-container:has(.doka-date-input:-moz-read-only) .doka-date-input-success-message {
  display: none;
}
.doka-date-input-container:has(.doka-date-input:read-only) .doka-date-input-success-message {
  display: none;
}
.doka-date-input-container:has(.doka-date-input:disabled) .doka-date-input-information-message {
  display: none;
}
.doka-date-input-container:has(.doka-date-input:-moz-read-only) .doka-date-input-information-message {
  display: none;
}
.doka-date-input-container:has(.doka-date-input:read-only) .doka-date-input-information-message {
  display: none;
}
.doka-date-input-container:not(:has(.doka-date-input:disabled, .doka-date-input:-moz-read-only)) .doka-date-input:hover {
  --tw-shadow: var(--shadow-base);
  --tw-shadow-colored: var(--shadow-base);
  box-shadow:
    var(--tw-ring-offset-shadow,0 0 transparent),
    var(--tw-ring-shadow,0 0 transparent),
    var(--tw-shadow);
}
.doka-date-input-container:not(:has(.doka-date-input:disabled, .doka-date-input:read-only)) .doka-date-input:hover {
  --tw-shadow: var(--shadow-base);
  --tw-shadow-colored: var(--shadow-base);
  box-shadow:
    var(--tw-ring-offset-shadow,0 0 transparent),
    var(--tw-ring-shadow,0 0 transparent),
    var(--tw-shadow);
}
.doka-date-input-container:not(:has(.doka-date-input:disabled, .doka-date-input:-moz-read-only)) .doka-date-input:focus {
  --tw-shadow: var(--shadow-base);
  --tw-shadow-colored: var(--shadow-base);
  box-shadow:
    var(--tw-ring-offset-shadow,0 0 transparent),
    var(--tw-ring-shadow,0 0 transparent),
    var(--tw-shadow);
}
.doka-date-input-container:not(:has(.doka-date-input:disabled, .doka-date-input:read-only)) .doka-date-input:focus {
  --tw-shadow: var(--shadow-base);
  --tw-shadow-colored: var(--shadow-base);
  box-shadow:
    var(--tw-ring-offset-shadow,0 0 transparent),
    var(--tw-ring-shadow,0 0 transparent),
    var(--tw-shadow);
}
.doka-date-input-container:not(:has(.doka-date-input:disabled, .doka-date-input:-moz-read-only)):has(.doka-date-input-required) .doka-date-input-label:after {
  --tw-content: "*";
  color: var(--color-icon-alert);
  content: var(--tw-content);
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
}
.doka-date-input-container:not(:has(.doka-date-input:disabled, .doka-date-input:-moz-read-only)):has(.doka-date-input-required) .doka-date-input-label::after {
  --tw-content: "*";
  color: var(--color-icon-alert);
  content: var(--tw-content);
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
}
.doka-date-input-container:not(:has(.doka-date-input:disabled, .doka-date-input:read-only)):has(.doka-date-input-required) .doka-date-input-label:after {
  --tw-content: "*";
  color: var(--color-icon-alert);
  content: var(--tw-content);
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
}
.doka-date-input-container:not(:has(.doka-date-input-label)):has(.doka-date-input-description) .doka-date-input-button {
  top: .125rem;
}
.doka-date-input-container:has(.doka-date-input-label) .doka-date-input-button {
  top: var(--spacing-sm);
}
.doka-date-input-button {
  background-color: transparent;
  bottom: 0;
  display: table-cell;
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  outline: 2px solid transparent;
  outline-offset: 2px;
  padding-left: .25rem;
  padding-right: .25rem;
  position: absolute;
  right: var(--spacing-lg);
  top: 0;
  vertical-align: middle;
}
.doka-date-input-button:before {
  color: var(--color-icon-default);
  --tw-content: "calendar_today";
  content: var(--tw-content);
}
.doka-date-input-wrapper {
  display: inline-block;
  position: relative;
  width: 100%;
}
.doka-slider {
  background-color: var(--color-border-light);
  display: flex;
  height: .25rem;
  position: relative;
  width: 100%;
}
.doka-slider,
.doka-slider-bar {
  border-radius: .125rem;
}
.doka-slider-container:has(.doka-slider-label) .doka-slider {
  margin-top: var(--spacing-md);
}
.doka-slider-container:has(.doka-slider-description) .doka-slider {
  margin-top: var(--spacing-md);
}
.doka-slider-range + .doka-slider {
  margin-top: var(--spacing-sm);
}
.doka-image-picker {
  align-items: center;
  background-color: var(--color-background-default);
  border-color: var(--color-border-default);
  border-style: solid;
  border-width: 1px;
  display: flex;
  flex-direction: column;
  height: 12rem;
  justify-content: center;
  padding: var(--spacing-lg) var(--spacing-4xl);
  position: relative;
  --tw-shadow: var(--shadow-none);
  --tw-shadow-colored: var(--shadow-none);
  box-shadow:
    var(--tw-ring-offset-shadow,0 0 transparent),
    var(--tw-ring-shadow,0 0 transparent),
    var(--tw-shadow);
}
.doka-image-picker,
.doka-image-picker-button {
  gap: var(--spacing-base);
}
.doka-image-picker-button {
  align-items: baseline;
  border-radius: .375rem;
  display: inline-flex;
  font-weight: 600;
  padding: var(--spacing-base) var(--spacing-xl);
}
.doka-image-picker-button:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.doka-image-picker-button:disabled {
  cursor: not-allowed;
}
.doka-image-picker-button {
  background-color: var(--color-background-action);
  border: 1px solid transparent;
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
  transition-duration: .15s;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.doka-image-picker-button:hover:enabled {
  background-color: var(--color-background-action-hover);
}
.doka-image-picker-button:focus:enabled {
  background-color: var(--color-background-action-focus);
}
.doka-image-picker-button:disabled {
  background-color: var(--color-background-action);
}
.doka-image-picker-button {
  color: var(--color-text-accent);
}
.doka-image-picker-button:hover:enabled {
  color: var(--color-text-accent);
}
.doka-image-picker-button:focus:enabled {
  color: var(--color-text-accent);
}
.doka-image-picker-button:disabled {
  color: var(--color-text-disabled-light);
}
.doka-image-picker-button {
  border-color: var(--color-border-accent);
}
.doka-image-picker-button:disabled {
  border-color: var(--color-border-disabled);
}
.doka-image-picker-button {
  align-items: center;
}
.doka-image-picker-preview {
  max-height: 100%;
  max-width: 100%;
}
.doka-image-picker-clear-button {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.doka-image-picker-clear-button:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.doka-image-picker-clear-button {
  cursor: pointer;
}
.doka-image-picker-clear-button:disabled {
  cursor: not-allowed;
}
.doka-image-picker-clear-button {
  color: var(--color-icon-accent);
}
.doka-image-picker-clear-button:disabled {
  color: var(--color-icon-disabled-light);
}
.doka-image-picker-clear-button {
  background-color: transparent;
}
.doka-image-picker-clear-button:hover:enabled {
  background-color: var(--color-background-action-hover);
}
.doka-image-picker-clear-button:focus:enabled {
  background-color: var(--color-background-action-focus);
}
.doka-image-picker-clear-button:disabled {
  background-color: transparent;
}
.doka-image-picker-clear-button {
  border-radius: .25rem;
  bottom: var(--spacing-base);
  color: var(--color-icon-default);
  font-family: Material Symbols Outlined;
  font-size: .75rem;
  font-variation-settings: "FILL" 0, "opsz" 12;
  font-weight: 400;
  height: 1.5rem;
  position: absolute;
  right: var(--spacing-lg);
  transition-duration: .15s;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  width: 1.5rem;
}
.doka-image-picker-clear-button:before {
  --tw-content: "\e872";
  content: var(--tw-content);
}
.doka-image-picker-placeholder {
  align-items: center;
  color: var(--color-text-placeholder);
  display: flex;
  flex-direction: column;
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  gap: var(--spacing-xs);
  letter-spacing: 0;
  line-height: 1.5rem;
}
.doka-image-picker-placeholder:before {
  color: var(--color-icon-disabled);
  font-family: Material Symbols Outlined;
  font-size: 1.5rem;
  font-variation-settings: "FILL" 0, "opsz" 24;
  font-weight: 400;
  margin-bottom: .375rem;
  --tw-content: "\e2c6";
  content: var(--tw-content);
}
.doka-image-picker-disabled {
  background-color: var(--color-background-disabled);
  border-color: var(--color-border-disabled);
  cursor: not-allowed;
}
.doka-image-picker-disabled > .doka-image-picker-button {
  background-color: transparent;
}
.doka-image-picker-disabled > .doka-image-picker-button:hover {
  background-color: transparent;
}
.doka-image-picker-disabled > .doka-image-picker-button:focus {
  background-color: transparent;
}
.doka-image-picker-disabled > .doka-image-picker-button {
  color: var(--color-text-disabled-light);
}
.doka-image-picker-disabled > .doka-image-picker-button:hover {
  color: var(--color-text-disabled-light);
}
.doka-image-picker-disabled > .doka-image-picker-button:focus {
  color: var(--color-text-disabled-light);
}
.doka-image-picker-disabled > .doka-image-picker-button {
  border-style: none;
  cursor: not-allowed;
  pointer-events: none;
}
.doka-image-picker-disabled > .doka-image-picker-placeholder {
  color: var(--color-text-disabled-light);
}
.doka-image-picker-disabled > .doka-image-picker-placeholder:before {
  color: var(--color-icon-disabled-light);
  content: var(--tw-content);
}
.doka-image-picker-label {
  color: var(--color-text-default);
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.doka-image-picker-alert-message,
.doka-image-picker-description {
  font-family: Soehne, sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  word-wrap: break-word;
  font-size: .875rem;
}
.doka-image-picker-alert-message {
  display: inline-flex;
  overflow: auto;
  width: 100%;
}
.doka-image-picker-alert-message:before {
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  padding-right: .25rem;
}
.doka-image-picker-alert-message {
  color: var(--color-text-alert);
}
.doka-image-picker-alert-message:before {
  color: var(--color-icon-alert);
  --tw-content: "error";
  content: var(--tw-content);
}
.doka-image-picker-alert-message {
  margin-top: var(--spacing-sm);
}
.doka-image-picker-warning-message {
  display: inline-flex;
  font-family: Soehne, sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  overflow: auto;
  width: 100%;
  word-wrap: break-word;
  font-size: .875rem;
}
.doka-image-picker-warning-message:before {
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  padding-right: .25rem;
}
.doka-image-picker-warning-message {
  color: var(--color-text-warning);
}
.doka-image-picker-warning-message:before {
  color: var(--color-icon-warning);
  --tw-content: "warning";
  content: var(--tw-content);
}
.doka-image-picker-warning-message {
  margin-top: var(--spacing-sm);
}
.doka-image-picker-success-message {
  display: inline-flex;
  font-family: Soehne, sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  overflow: auto;
  width: 100%;
  word-wrap: break-word;
  font-size: .875rem;
}
.doka-image-picker-success-message:before {
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  padding-right: .25rem;
}
.doka-image-picker-success-message {
  color: var(--color-text-success);
}
.doka-image-picker-success-message:before {
  color: var(--color-icon-success);
  --tw-content: "check_circle";
  content: var(--tw-content);
}
.doka-image-picker-success-message {
  margin-top: var(--spacing-sm);
}
.doka-image-picker-information-message {
  display: inline-flex;
  font-family: Soehne, sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  overflow: auto;
  width: 100%;
  word-wrap: break-word;
  font-size: .875rem;
}
.doka-image-picker-information-message:before {
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  padding-right: .25rem;
}
.doka-image-picker-information-message {
  color: var(--color-text-information);
}
.doka-image-picker-information-message:before {
  color: var(--color-icon-information);
  --tw-content: "info";
  content: var(--tw-content);
}
.doka-image-picker-information-message {
  margin-top: var(--spacing-sm);
}
.doka-image-picker-container {
  display: grid;
  height: fit-content;
}
.doka-image-picker-container:has(.doka-image-picker-alert-message):not(:has(.doka-image-picker-disabled)) .doka-image-picker {
  border-color: var(--color-border-alert);
}
.doka-image-picker-container:has(.doka-image-picker-disabled) {
  cursor: not-allowed;
}
.doka-image-picker-container:has(.doka-image-picker-disabled) .doka-image-picker-label {
  color: var(--color-text-disabled);
}
.doka-image-picker-container:has(.doka-image-picker-disabled) .doka-image-picker-description {
  color: var(--color-text-disabled);
}
.doka-image-picker-container:has(.doka-image-picker-disabled) .doka-image-picker-alert-message {
  display: none;
}
.doka-image-picker-container:has(.doka-image-picker-disabled) .doka-image-picker-information-message {
  display: none;
}
.doka-image-picker-container:has(.doka-image-picker-disabled) .doka-image-picker-warning-message {
  display: none;
}
.doka-image-picker-container:has(.doka-image-picker-disabled) .doka-image-picker-success-message {
  display: none;
}
.doka-image-picker-container:has(.doka-image-picker-disabled) .doka-image-picker-clear-button {
  color: var(--color-icon-disabled);
}
.doka-image-picker-container:has(.doka-image-picker-label) .doka-image-picker {
  margin-top: .25rem;
}
.doka-image-picker-container:has(.doka-image-picker-description) .doka-image-picker {
  margin-top: .25rem;
}
.doka-image-picker-container:has(.doka-image-picker-label) .doka-image-picker-description {
  margin-top: -.25rem;
}
.doka-image-picker-container:has(.doka-image-picker-button:hover):not(:has(.doka-image-picker-disabled)) .doka-image-picker {
  --tw-shadow: var(--shadow-base);
  --tw-shadow-colored: var(--shadow-base);
  box-shadow:
    var(--tw-ring-offset-shadow,0 0 transparent),
    var(--tw-ring-shadow,0 0 transparent),
    var(--tw-shadow);
}
.doka-image-picker-container:has(.doka-image-picker-button:focus):not(:has(.doka-image-picker-disabled)) .doka-image-picker {
  --tw-shadow: var(--shadow-base);
  --tw-shadow-colored: var(--shadow-base);
  box-shadow:
    var(--tw-ring-offset-shadow,0 0 transparent),
    var(--tw-ring-shadow,0 0 transparent),
    var(--tw-shadow);
}
.doka-image-picker-container:not(:has(.doka-image-picker-disabled)):has(.doka-image-picker-required) .doka-image-picker-label:after {
  --tw-content: "*";
  color: var(--color-icon-alert);
  content: var(--tw-content);
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
}
.doka-image-picker-container:has(.doka-image-picker-toolbar) .doka-image-picker {
  padding-left: 88px;
}
.doka-empty-state {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  justify-content: center;
}
.doka-empty-state-icon {
  color: var(--color-icon-accent);
  font-family: Material Symbols Outlined;
  font-size: 2.25rem;
  font-variation-settings: "FILL" 0, "opsz" 36;
  font-weight: 400;
  line-height: 36px;
}
.doka-empty-state-title {
  color: var(--color-text-default);
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.625rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.doka-empty-state-description,
.doka-empty-state-title {
  font-family: Soehne, sans-serif;
  font-style: normal;
  letter-spacing: 0;
  text-align: center;
}
.doka-empty-state-description {
  color: var(--color-text-light);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}
.doka-empty-state-compact {
  gap: var(--spacing-base);
  margin: 2.5rem 2rem;
}
.doka-empty-state-compact .doka-empty-state-title {
  color: var(--color-text-placeholder);
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
}
.doka-empty-state-compact .doka-empty-state-icon {
  color: var(--color-icon-disabled);
  font-family: Material Symbols Outlined;
  font-size: 1.5rem;
  font-variation-settings: "FILL" 0, "opsz" 24;
  font-weight: 400;
  line-height: 24px;
}
.doka-modal {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-base);
  padding: var(--spacing-2xl);
  --tw-shadow: var(--shadow-xl);
  --tw-shadow-colored: var(--shadow-xl);
  background-color: var(--color-background-default);
  box-shadow:
    var(--tw-ring-offset-shadow,0 0 transparent),
    var(--tw-ring-shadow,0 0 transparent),
    var(--tw-shadow);
  height: fit-content;
  max-height: 80%;
  min-width: 25rem;
  position: relative;
  width: fit-content;
}
.doka-modal:has(.doka-modal-close) .doka-modal-title {
  margin-right: 3rem;
}
.doka-modal-icon {
  color: var(--color-icon-accent);
  font-family: Material Symbols Outlined;
  font-size: 1.75rem;
  font-variation-settings: "FILL" 0, "opsz" 28;
  font-weight: 400;
  line-height: 28px;
}
.doka-modal-title {
  font-family: Soehne, sans-serif;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.625rem;
  word-wrap: break-word;
  color: var(--color-text-default);
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  width: 100%;
}
.doka-modal-subtitle {
  color: var(--color-text-light);
  font-weight: 600;
  text-wrap: wrap;
}
.doka-modal-description,
.doka-modal-subtitle {
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  letter-spacing: 0;
  line-height: 1.5rem;
  width: 100%;
  word-wrap: break-word;
}
.doka-modal-description {
  color: var(--color-text-ultra-light);
  font-weight: 400;
}
.doka-modal-close {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.doka-modal-close:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.doka-modal-close {
  cursor: pointer;
}
.doka-modal-close:disabled {
  cursor: not-allowed;
}
.doka-modal-close {
  color: var(--color-icon-accent);
}
.doka-modal-close:disabled {
  color: var(--color-icon-disabled-light);
}
.doka-modal-close {
  background-color: transparent;
}
.doka-modal-close:hover:enabled {
  background-color: var(--color-background-action-hover);
}
.doka-modal-close:focus:enabled {
  background-color: var(--color-background-action-focus);
}
.doka-modal-close:disabled {
  background-color: transparent;
}
.doka-modal-close {
  border-radius: .375rem;
  color: var(--color-icon-default);
  font-family: Material Symbols Outlined;
  font-size: .875rem;
  font-variation-settings: "FILL" 0, "opsz" 14;
  font-weight: 400;
  height: 2rem;
  transition-duration: .15s;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  width: 2rem;
}
.doka-modal-close:before {
  --tw-content: "\e5cd";
  content: var(--tw-content);
}
.doka-modal-close {
  position: absolute;
  right: 1.5rem;
}
.doka-modal-header {
  display: flex;
  flex: 1 1 0%;
  page-break-after: avoid;
  width: 100%;
  -moz-column-break-after: avoid;
  align-items: flex-start;
  break-after: avoid;
  flex-direction: column;
  gap: var(--spacing-base);
}
.doka-modal-header-content {
  align-items: center;
  display: flex;
  flex: 1 1 0%;
  flex-direction: row;
  gap: 1rem;
  min-height: 2rem;
  width: 100%;
}
.doka-modal-header-section {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  gap: var(--spacing-lg);
}
.doka-modal-content {
  overflow: auto;
}
.doka-modal-content-section {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xl);
  overflow-y: hidden;
}
.doka-modal-footer {
  align-self: stretch;
  display: flex;
  gap: var(--spacing-base);
  justify-content: flex-end;
}
.doka-modal.doka-modal-centered .doka-modal-header-content {
  align-items: center;
}
.doka-modal.doka-modal-centered .doka-button {
  justify-content: center;
  width: 100%;
}
.doka-modal.doka-modal-centered .doka-modal-header-content {
  flex-direction: column;
}
.doka-modal.doka-modal-centered .doka-modal-header {
  align-items: center;
  flex-direction: column;
  gap: var(--spacing-base);
  justify-content: center;
}
.doka-modal.doka-modal-centered .doka-modal-description,
.doka-modal.doka-modal-centered .doka-modal-subtitle,
.doka-modal.doka-modal-centered .doka-modal-title {
  text-align: center;
}
.doka-modal.doka-modal-centered .doka-modal-title {
  margin-right: 0;
}
.doka-modal.doka-modal-centered:not(:has(.doka-modal-icon)):has(.doka-modal-close) .doka-modal-title {
  margin-left: 3rem;
  margin-right: 3rem;
}
.doka-modal.doka-modal-centered:has(.doka-modal-close) .doka-modal-icon {
  margin-left: 3rem;
  margin-right: 3rem;
}
.doka-modal.doka-modal-stepper .doka-modal-footer {
  align-items: center;
  justify-content: flex-end;
  position: relative;
}
.doka-modal.doka-modal-stepper .doka-modal-footer:has(.doka-button-secondary) {
  justify-content: space-between;
}
.doka-modal.doka-modal-stepper .doka-modal-footer .doka-stepper {
  justify-content: center;
  position: absolute;
  width: 100%;
}
.doka-modal.doka-modal-stepper .doka-modal-footer .doka-button {
  width: max-content;
}
.doka-modal.doka-modal-mobile .doka-modal-header-content {
  align-items: center;
}
.doka-modal.doka-modal-mobile .doka-button {
  justify-content: center;
  width: 100%;
}
.doka-modal.doka-modal-mobile .doka-modal-header-content {
  flex-direction: column;
}
.doka-modal.doka-modal-mobile .doka-modal-header {
  align-items: center;
  flex-direction: column;
  gap: var(--spacing-base);
  justify-content: center;
}
.doka-modal.doka-modal-mobile .doka-modal-description,
.doka-modal.doka-modal-mobile .doka-modal-subtitle,
.doka-modal.doka-modal-mobile .doka-modal-title {
  text-align: center;
}
.doka-modal.doka-modal-mobile .doka-modal-title {
  margin-right: 0;
}
.doka-modal.doka-modal-mobile:not(:has(.doka-modal-icon)):has(.doka-modal-close) .doka-modal-title {
  margin-left: 3rem;
  margin-right: 3rem;
}
.doka-modal.doka-modal-mobile:has(.doka-modal-close) .doka-modal-icon {
  margin-left: 3rem;
  margin-right: 3rem;
}
.doka-modal.doka-modal-mobile .doka-modal-footer {
  flex-direction: column;
}
.doka-slide-over {
  align-items: flex-start;
  background-color: var(--color-background-default);
  display: flex;
  flex-direction: column;
  --tw-shadow: var(--shadow-xl);
  --tw-shadow-colored: var(--shadow-xl);
  box-shadow:
    var(--tw-ring-offset-shadow,0 0 transparent),
    var(--tw-ring-shadow,0 0 transparent),
    var(--tw-shadow);
}
.doka-slide-over-title {
  color: var(--color-text-default);
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.625rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.doka-slide-over-description,
.doka-slide-over-title {
  font-family: Soehne, sans-serif;
  font-style: normal;
  letter-spacing: 0;
}
.doka-slide-over-description {
  color: var(--color-text-ultra-light);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}
.doka-slide-over-close {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.doka-slide-over-close:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.doka-slide-over-close {
  cursor: pointer;
}
.doka-slide-over-close:disabled {
  cursor: not-allowed;
}
.doka-slide-over-close {
  color: var(--color-icon-accent);
}
.doka-slide-over-close:disabled {
  color: var(--color-icon-disabled-light);
}
.doka-slide-over-close {
  background-color: transparent;
}
.doka-slide-over-close:hover:enabled {
  background-color: var(--color-background-action-hover);
}
.doka-slide-over-close:focus:enabled {
  background-color: var(--color-background-action-focus);
}
.doka-slide-over-close:disabled {
  background-color: transparent;
}
.doka-slide-over-close {
  border-radius: .375rem;
  color: var(--color-icon-default);
  font-family: Material Symbols Outlined;
  font-size: .875rem;
  font-variation-settings: "FILL" 0, "opsz" 14;
  font-weight: 400;
  height: 2rem;
  transition-duration: .15s;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  width: 2rem;
}
.doka-slide-over-close:before {
  --tw-content: "\e5cd";
  content: var(--tw-content);
}
.doka-slide-over-body {
  flex: 1 1 0%;
  height: 100%;
  padding-bottom: var(--spacing-2xl);
  padding-left: var(--spacing-2xl);
  padding-right: var(--spacing-2xl);
  width: 100%;
}
.doka-slide-over-header {
  gap: var(--spacing-lg);
  height: fit-content;
  padding: var(--spacing-2xl) var(--spacing-2xl) var(--spacing-lg);
}
.doka-slide-over-header,
.doka-slide-over-header-content {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
}
.doka-slide-over-header-content {
  flex: 1 1 0%;
  flex-direction: column;
  gap: var(--spacing-base);
}
.doka-slide-over-footer {
  align-items: flex-end;
  align-self: stretch;
  border-color: var(--color-border-light);
  border-style: solid;
  border-top-width: 1px;
  display: flex;
  gap: var(--spacing-base);
  justify-content: flex-end;
  padding: var(--spacing-lg) var(--spacing-2xl);
}
.doka-action-menu {
  align-items: flex-start;
  background-color: var(--color-background-default);
  border: 1px solid transparent;
  border-radius: .125rem;
  flex-direction: column;
  gap: var(--spacing-sm);
  --tw-shadow: var(--shadow-lg);
  --tw-shadow-colored: var(--shadow-lg);
  box-shadow:
    var(--tw-ring-offset-shadow,0 0 transparent),
    var(--tw-ring-shadow,0 0 transparent),
    var(--tw-shadow);
  min-width: 8rem;
  width: fit-content;
}
.doka-action-menu,
.doka-action-menu-entry {
  display: flex;
  padding: var(--spacing-sm);
}
.doka-action-menu-entry {
  align-items: center;
  background-color: var(--color-background-action);
  color: var(--color-text-default);
  flex-direction: row;
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  gap: var(--spacing-base);
  letter-spacing: 0;
  line-height: 1.5rem;
  width: 100%;
}
.doka-action-menu-entry:hover {
  background-color: var(--color-background-action-hover);
}
.doka-action-menu-entry:focus {
  background-color: var(--color-background-action-focus);
}
.doka-action-menu-entry {
  transition-duration: .15s;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.doka-action-menu-entry-content {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  gap: var(--spacing-sm);
}
.doka-action-menu-entry-decoration {
  flex-grow: 0;
}
.doka-action-menu-entry-decoration-icon {
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
}
.doka-action-menu-entry-decoration-text {
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
}
.doka-action-menu-entry .doka-action-menu-entry-decoration-icon {
  color: var(--color-icon-default);
}
.doka-action-menu-entry .doka-action-menu-entry-decoration-text {
  color: var(--color-text-ultra-light);
}
.doka-action-menu-entry-alert {
  background-color: var(--color-background-danger);
  color: var(--color-text-alert);
}
.doka-action-menu-entry-alert:hover {
  background-color: var(--color-background-danger-hover);
}
.doka-action-menu-entry-alert:focus {
  background-color: var(--color-background-danger-focus);
}
.doka-action-menu-entry-alert .doka-action-menu-entry-decoration-icon {
  color: var(--color-icon-alert);
}
.doka-action-menu-entry-alert .doka-action-menu-entry-decoration-text {
  color: var(--color-text-alert-light);
}
.doka-action-menu-entry:disabled {
  background-color: var(--color-background-default);
  color: var(--color-text-disabled);
}
.doka-action-menu-entry:disabled:hover {
  background-color: var(--color-background-default);
}
.doka-action-menu-entry:disabled:focus {
  background-color: var(--color-background-default);
}
.doka-action-menu-entry:disabled .doka-action-menu-entry-decoration-icon {
  color: var(--color-icon-disabled);
}
.doka-action-menu-entry:disabled .doka-action-menu-entry-decoration-text {
  color: var(--color-text-disabled);
}
.doka-text-area {
  align-self: stretch;
  background-color: var(--color-background-default);
  outline: 2px solid transparent;
  outline-offset: 2px;
  padding: var(--spacing-md);
  resize: none;
  width: 100%;
}
.doka-text-area:-moz-read-only {
  background-color: var(--color-background-disabled);
}
.doka-text-area:read-only {
  background-color: var(--color-background-disabled);
}
.doka-text-area:disabled {
  background-color: var(--color-background-disabled);
}
.doka-text-area {
  color: var(--color-text-default);
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
}
.doka-text-area:-moz-read-only {
  color: var(--color-text-default);
}
.doka-text-area:read-only {
  color: var(--color-text-default);
}
.doka-text-area:disabled {
  color: var(--color-text-disabled);
}
.doka-text-area {
  border-color: var(--color-border-default);
  border-style: solid;
  border-width: 1px;
}
.doka-text-area:hover:enabled {
  border-color: var(--color-border-strong);
}
.doka-text-area:focus:enabled {
  border-color: var(--color-border-accent);
}
.doka-text-area:-moz-read-only {
  border-color: var(--color-border-disabled);
}
.doka-text-area:read-only {
  border-color: var(--color-border-disabled);
}
.doka-text-area:hover:-moz-read-only {
  border-color: var(--color-border-disabled);
}
.doka-text-area:hover:read-only {
  border-color: var(--color-border-disabled);
}
.doka-text-area:focus:-moz-read-only {
  border-color: var(--color-border-disabled);
}
.doka-text-area:focus:read-only {
  border-color: var(--color-border-disabled);
}
.doka-text-area:disabled {
  border-color: var(--color-border-disabled);
  cursor: not-allowed;
  pointer-events: none;
}
.doka-text-area::-moz-placeholder {
  color: var(--color-text-placeholder);
}
.doka-text-area::placeholder {
  color: var(--color-text-placeholder);
}
.doka-text-area {
  --tw-shadow: var(--shadow-none);
  --tw-shadow-colored: var(--shadow-none);
  box-shadow:
    var(--tw-ring-offset-shadow,0 0 transparent),
    var(--tw-ring-shadow,0 0 transparent),
    var(--tw-shadow);
  transition-duration: .15s;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.doka-text-area-label {
  color: var(--color-text-default);
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.doka-text-area-alert-message,
.doka-text-area-description {
  font-family: Soehne, sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  word-wrap: break-word;
  font-size: .875rem;
}
.doka-text-area-alert-message {
  display: inline-flex;
  overflow: auto;
  width: 100%;
}
.doka-text-area-alert-message:before {
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  padding-right: .25rem;
}
.doka-text-area-alert-message {
  color: var(--color-text-alert);
}
.doka-text-area-alert-message:before {
  color: var(--color-icon-alert);
  --tw-content: "error";
  content: var(--tw-content);
}
.doka-text-area-alert-message {
  margin-top: var(--spacing-sm);
}
.doka-text-area-container {
  display: grid;
  height: fit-content;
}
.doka-text-area-container:has(.doka-text-area:disabled) {
  cursor: not-allowed;
}
.doka-text-area-container:has(.doka-text-area-alert-message):not(:has(.doka-text-area:disabled, .doka-text-area:-moz-read-only)) .doka-text-area {
  border-color: var(--color-border-alert);
}
.doka-text-area-container:has(.doka-text-area-alert-message):not(:has(.doka-text-area:disabled, .doka-text-area:read-only)) .doka-text-area {
  border-color: var(--color-border-alert);
}
.doka-text-area-container:has(.doka-text-area-label) .doka-text-area {
  margin-top: var(--spacing-sm);
}
.doka-text-area-container:has(.doka-text-area-description) .doka-text-area {
  margin-top: var(--spacing-sm);
}
.doka-text-area-container:not(:has(.doka-text-area:disabled, .doka-text-area:-moz-read-only)) .doka-text-area:hover {
  --tw-shadow: var(--shadow-base);
  --tw-shadow-colored: var(--shadow-base);
  box-shadow:
    var(--tw-ring-offset-shadow,0 0 transparent),
    var(--tw-ring-shadow,0 0 transparent),
    var(--tw-shadow);
}
.doka-text-area-container:not(:has(.doka-text-area:disabled, .doka-text-area:read-only)) .doka-text-area:hover {
  --tw-shadow: var(--shadow-base);
  --tw-shadow-colored: var(--shadow-base);
  box-shadow:
    var(--tw-ring-offset-shadow,0 0 transparent),
    var(--tw-ring-shadow,0 0 transparent),
    var(--tw-shadow);
}
.doka-text-area-container:not(:has(.doka-text-area:disabled, .doka-text-area:-moz-read-only)) .doka-text-area:focus {
  --tw-shadow: var(--shadow-base);
  --tw-shadow-colored: var(--shadow-base);
  box-shadow:
    var(--tw-ring-offset-shadow,0 0 transparent),
    var(--tw-ring-shadow,0 0 transparent),
    var(--tw-shadow);
}
.doka-text-area-container:not(:has(.doka-text-area:disabled, .doka-text-area:read-only)) .doka-text-area:focus {
  --tw-shadow: var(--shadow-base);
  --tw-shadow-colored: var(--shadow-base);
  box-shadow:
    var(--tw-ring-offset-shadow,0 0 transparent),
    var(--tw-ring-shadow,0 0 transparent),
    var(--tw-shadow);
}
.doka-text-area-container:has(.doka-text-area-alert-message) .doka-text-area-counter {
  color: var(--color-text-alert);
}
.doka-text-area-container:has(.doka-text-area:focus):not(:has(.doka-text-area:-moz-read-only)) .doka-text-area-counter {
  visibility: visible;
}
.doka-text-area-container:has(.doka-text-area:focus):not(:has(.doka-text-area:read-only)) .doka-text-area-counter {
  visibility: visible;
}
.doka-text-area-container:has(.doka-text-area-alert-message):not(:has(.doka-text-area:disabled, .doka-text-area:-moz-read-only)) .doka-text-area-counter {
  visibility: visible;
}
.doka-text-area-container:has(.doka-text-area-alert-message):not(:has(.doka-text-area:disabled, .doka-text-area:read-only)) .doka-text-area-counter {
  visibility: visible;
}
.doka-text-area-container:not(:has(.doka-text-area-alert-message, .doka-text-area-information-message, .doka-text-area-success-message, .doka-text-area-warning-message)) .doka-text-area-counter {
  width: 100%;
}
.doka-text-area-container:has(.doka-text-area:disabled) .doka-text-area-label {
  color: var(--color-text-disabled);
}
.doka-text-area-container:has(.doka-text-area:disabled) .doka-text-area-description {
  color: var(--color-text-disabled);
}
.doka-text-area-container:has(.doka-text-area-label) .doka-text-area-description {
  margin-top: calc(var(--spacing-sm)*-1);
}
.doka-text-area-container:has(.doka-text-area:disabled) .doka-text-area-alert-message {
  display: none;
}
.doka-text-area-container:has(.doka-text-area:-moz-read-only) .doka-text-area-alert-message {
  display: none;
}
.doka-text-area-container:has(.doka-text-area:read-only) .doka-text-area-alert-message {
  display: none;
}
.doka-text-area-container:has(.doka-text-area:disabled) .doka-text-area-information-message {
  display: none;
}
.doka-text-area-container:has(.doka-text-area:-moz-read-only) .doka-text-area-information-message {
  display: none;
}
.doka-text-area-container:has(.doka-text-area:read-only) .doka-text-area-information-message {
  display: none;
}
.doka-text-area-container:has(.doka-text-area:disabled) .doka-text-area-success-message {
  display: none;
}
.doka-text-area-container:has(.doka-text-area:-moz-read-only) .doka-text-area-success-message {
  display: none;
}
.doka-text-area-container:has(.doka-text-area:read-only) .doka-text-area-success-message {
  display: none;
}
.doka-text-area-container:has(.doka-text-area:disabled) .doka-text-area-warning-message {
  display: none;
}
.doka-text-area-container:has(.doka-text-area:-moz-read-only) .doka-text-area-warning-message {
  display: none;
}
.doka-text-area-container:has(.doka-text-area:read-only) .doka-text-area-warning-message {
  display: none;
}
.doka-text-area-container:not(:has(.doka-text-area:disabled, .doka-text-area:-moz-read-only)):has(.doka-text-area-required) .doka-text-area-label:after {
  --tw-content: "*";
  color: var(--color-icon-alert);
  content: var(--tw-content);
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
}
.doka-text-area-container:not(:has(.doka-text-area:disabled, .doka-text-area:-moz-read-only)):has(.doka-text-area-required) .doka-text-area-label::after {
  --tw-content: "*";
  color: var(--color-icon-alert);
  content: var(--tw-content);
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
}
.doka-text-area-container:not(:has(.doka-text-area:disabled, .doka-text-area:read-only)):has(.doka-text-area-required) .doka-text-area-label:after {
  --tw-content: "*";
  color: var(--color-icon-alert);
  content: var(--tw-content);
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
}
.doka-text-area-counter {
  color: var(--color-text-ultra-light);
  font-family: Soehne, sans-serif;
  font-size: .875rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  margin-top: var(--spacing-sm);
  text-align: right;
  visibility: hidden;
}
.doka-text-area-details {
  display: flex;
  gap: var(--spacing-lg);
}
.doka-file-upload {
  align-items: center;
  background-color: var(--color-background-default);
  border-color: var(--color-border-default);
  border-style: solid;
  border-width: 1px;
  display: flex;
  height: 6rem;
  justify-content: center;
  padding: var(--spacing-base) var(--spacing-md);
  --tw-shadow: var(--shadow-none);
  --tw-shadow-colored: var(--shadow-none);
  box-shadow:
    var(--tw-ring-offset-shadow,0 0 transparent),
    var(--tw-ring-shadow,0 0 transparent),
    var(--tw-shadow);
}
.doka-file-upload-button {
  align-items: baseline;
  border-radius: .375rem;
  display: inline-flex;
  font-weight: 600;
  gap: var(--spacing-base);
  padding: var(--spacing-base) var(--spacing-xl);
}
.doka-file-upload-button:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.doka-file-upload-button:disabled {
  cursor: not-allowed;
}
.doka-file-upload-button {
  background-color: var(--color-background-action);
  border: 1px solid transparent;
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
  transition-duration: .15s;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.doka-file-upload-button:hover:enabled {
  background-color: var(--color-background-action-hover);
}
.doka-file-upload-button:focus:enabled {
  background-color: var(--color-background-action-focus);
}
.doka-file-upload-button:disabled {
  background-color: var(--color-background-action);
}
.doka-file-upload-button {
  color: var(--color-text-accent);
}
.doka-file-upload-button:hover:enabled {
  color: var(--color-text-accent);
}
.doka-file-upload-button:focus:enabled {
  color: var(--color-text-accent);
}
.doka-file-upload-button:disabled {
  color: var(--color-text-disabled-light);
}
.doka-file-upload-button {
  border-color: var(--color-border-accent);
}
.doka-file-upload-button:disabled {
  border-color: var(--color-border-disabled);
}
.doka-file-upload-button {
  align-items: center;
  position: relative;
}
.doka-file-upload-button:after {
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  --tw-content: "file_upload";
  content: var(--tw-content);
}
.doka-file-upload-disabled > .doka-file-upload-button {
  background-color: transparent;
}
.doka-file-upload-disabled > .doka-file-upload-button:hover {
  background-color: transparent;
}
.doka-file-upload-disabled > .doka-file-upload-button:focus {
  background-color: transparent;
}
.doka-file-upload-disabled > .doka-file-upload-button {
  color: var(--color-text-disabled);
}
.doka-file-upload-disabled > .doka-file-upload-button:hover {
  color: var(--color-text-disabled);
}
.doka-file-upload-disabled > .doka-file-upload-button:focus {
  color: var(--color-text-disabled);
}
.doka-file-upload-disabled > .doka-file-upload-button {
  border-style: none;
  cursor: not-allowed;
  pointer-events: none;
}
.doka-file-upload-label {
  color: var(--color-text-default);
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.doka-file-upload-description {
  color: var(--color-text-ultra-light);
}
.doka-file-upload-alert-message,
.doka-file-upload-description {
  font-family: Soehne, sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  word-wrap: break-word;
  font-size: .875rem;
}
.doka-file-upload-alert-message {
  display: inline-flex;
  overflow: auto;
  width: 100%;
}
.doka-file-upload-alert-message:before {
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  padding-right: .25rem;
}
.doka-file-upload-alert-message {
  color: var(--color-text-alert);
}
.doka-file-upload-alert-message:before {
  color: var(--color-icon-alert);
  --tw-content: "error";
  content: var(--tw-content);
}
.doka-file-upload-alert-message {
  margin-top: var(--spacing-sm);
}
.doka-file-upload-warning-message {
  display: inline-flex;
  font-family: Soehne, sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  overflow: auto;
  width: 100%;
  word-wrap: break-word;
  font-size: .875rem;
}
.doka-file-upload-warning-message:before {
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  padding-right: .25rem;
}
.doka-file-upload-warning-message {
  color: var(--color-text-warning);
}
.doka-file-upload-warning-message:before {
  color: var(--color-icon-warning);
  --tw-content: "warning";
  content: var(--tw-content);
}
.doka-file-upload-warning-message {
  margin-top: var(--spacing-sm);
}
.doka-file-upload-success-message {
  display: inline-flex;
  font-family: Soehne, sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  overflow: auto;
  width: 100%;
  word-wrap: break-word;
  font-size: .875rem;
}
.doka-file-upload-success-message:before {
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  padding-right: .25rem;
}
.doka-file-upload-success-message {
  color: var(--color-text-success);
}
.doka-file-upload-success-message:before {
  color: var(--color-icon-success);
  --tw-content: "check_circle";
  content: var(--tw-content);
}
.doka-file-upload-success-message {
  margin-top: var(--spacing-sm);
}
.doka-file-upload-information-message {
  display: inline-flex;
  font-family: Soehne, sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  overflow: auto;
  width: 100%;
  word-wrap: break-word;
  font-size: .875rem;
}
.doka-file-upload-information-message:before {
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  padding-right: .25rem;
}
.doka-file-upload-information-message {
  color: var(--color-text-information);
}
.doka-file-upload-information-message:before {
  color: var(--color-icon-information);
  --tw-content: "info";
  content: var(--tw-content);
}
.doka-file-upload-information-message {
  margin-top: var(--spacing-sm);
}
.doka-file-upload-container {
  display: grid;
  height: fit-content;
}
.doka-file-upload-container:has(.doka-file-upload-disabled) {
  cursor: not-allowed;
}
.doka-file-upload-container:has(.doka-file-upload-disabled) .doka-file-upload-label {
  color: var(--color-text-disabled);
}
.doka-file-upload-container:has(.doka-file-upload-disabled) .doka-file-upload-description {
  color: var(--color-text-disabled);
}
.doka-file-upload-container:has(.doka-file-upload-disabled) .doka-file-upload-alert-message {
  display: none;
}
.doka-file-upload-container:has(.doka-file-upload-disabled) .doka-file-upload-information-message {
  display: none;
}
.doka-file-upload-container:has(.doka-file-upload-disabled) .doka-file-upload-warning-message {
  display: none;
}
.doka-file-upload-container:has(.doka-file-upload-disabled) .doka-file-upload-success-message {
  display: none;
}
.doka-file-upload-container:has(.doka-file-upload-alert-message):not(:has(.doka-file-upload-disabled)) .doka-file-upload {
  border-color: var(--color-border-alert);
}
.doka-file-upload-container:has(.doka-file-upload-label) .doka-file-upload {
  margin-top: .25rem;
}
.doka-file-upload-container:has(.doka-file-upload-description) .doka-file-upload {
  margin-top: .25rem;
}
.doka-file-upload-container:has(.doka-file-upload-label) .doka-file-upload-description {
  margin-top: -.25rem;
}
.doka-file-upload-container:has(.doka-file-upload-button:hover):not(:has(.doka-file-upload-disabled, .doka-file-upload-button:disabled)) .doka-file-upload {
  --tw-shadow: var(--shadow-base);
  --tw-shadow-colored: var(--shadow-base);
  box-shadow:
    var(--tw-ring-offset-shadow,0 0 transparent),
    var(--tw-ring-shadow,0 0 transparent),
    var(--tw-shadow);
}
.doka-file-upload-container:has(.doka-file-upload-button:focus):not(:has(.doka-file-upload-disabled, .doka-file-upload-button:disabled)) .doka-file-upload {
  --tw-shadow: var(--shadow-base);
  --tw-shadow-colored: var(--shadow-base);
  box-shadow:
    var(--tw-ring-offset-shadow,0 0 transparent),
    var(--tw-ring-shadow,0 0 transparent),
    var(--tw-shadow);
}
.doka-file-upload-container:not(:has(.doka-file-upload-disabled)):has(.doka-file-upload-required) .doka-file-upload-label:after {
  --tw-content: "*";
  color: var(--color-icon-alert);
  content: var(--tw-content);
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
}
.doka-file-upload-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}
.doka-file-upload-wrapper:not(:has(.doka-file-upload)) {
  gap: var(--spacing-sm);
}
.doka-file-upload-wrapper:has(.doka-file-upload-disabled) .doka-file-upload-document {
  background-color: var(--color-background-disabled);
  border-color: var(--color-border-disabled);
}
.doka-file-upload-wrapper:has(.doka-file-upload-disabled) .doka-file-upload-document:before {
  color: var(--color-icon-disabled);
  content: var(--tw-content);
}
.doka-file-upload-wrapper:has(.doka-file-upload-disabled) .doka-file-upload-document {
  cursor: not-allowed;
}
.doka-file-upload-wrapper:has(.doka-file-upload-disabled, .doka-file-upload-document-clear-button:hover) .doka-file-upload-document {
  --tw-shadow: var(--shadow-none);
  --tw-shadow-colored: var(--shadow-none);
  box-shadow:
    var(--tw-ring-offset-shadow,0 0 transparent),
    var(--tw-ring-shadow,0 0 transparent),
    var(--tw-shadow);
}
.doka-file-upload-wrapper:has(.doka-file-upload-disabled, .doka-file-upload-document-clear-hover:hover) .doka-file-upload-document {
  --tw-shadow: var(--shadow-none);
  --tw-shadow-colored: var(--shadow-none);
  box-shadow:
    var(--tw-ring-offset-shadow,0 0 transparent),
    var(--tw-ring-shadow,0 0 transparent),
    var(--tw-shadow);
}
.doka-file-upload-wrapper:has(.doka-file-upload-disabled) .doka-file-upload-document-clear-button {
  background-color: transparent;
}
.doka-file-upload-wrapper:has(.doka-file-upload-disabled) .doka-file-upload-document-clear-button:before {
  color: var(--color-icon-disabled);
  content: var(--tw-content);
}
.doka-file-upload-wrapper:has(.doka-file-upload-disabled) .doka-file-upload-document-clear-button {
  pointer-events: none;
}
.doka-file-upload-wrapper:has(.doka-file-upload-disabled) .doka-file-upload-document-name {
  color: var(--color-text-disabled);
}
.doka-file-upload-wrapper:has(.doka-file-upload-disabled) .doka-file-upload-document-size {
  color: var(--color-text-disabled);
}
.doka-file-upload-document-container {
  flex-direction: column;
}
.doka-file-upload-document,
.doka-file-upload-document-container {
  display: flex;
  gap: var(--spacing-base);
}
.doka-file-upload-document {
  align-items: center;
  border-color: var(--color-border-default);
  border-style: solid;
  border-width: 1px;
  outline: 2px solid transparent;
  outline-offset: 2px;
  padding: var(--spacing-base) var(--spacing-md);
  position: relative;
  width: 100%;
}
.doka-file-upload-document:focus {
  border-color: var(--color-border-accent);
}
.doka-file-upload-document {
  --tw-shadow: var(--shadow-none);
  --tw-shadow-colored: var(--shadow-none);
  box-shadow:
    var(--tw-ring-offset-shadow,0 0 transparent),
    var(--tw-ring-shadow,0 0 transparent),
    var(--tw-shadow);
}
.doka-file-upload-document:hover {
  --tw-shadow: var(--shadow-base);
  --tw-shadow-colored: var(--shadow-base);
  box-shadow:
    var(--tw-ring-offset-shadow,0 0 transparent),
    var(--tw-ring-shadow,0 0 transparent),
    var(--tw-shadow);
}
.doka-file-upload-document:focus {
  --tw-shadow: var(--shadow-base);
  --tw-shadow-colored: var(--shadow-base);
  box-shadow:
    var(--tw-ring-offset-shadow,0 0 transparent),
    var(--tw-ring-shadow,0 0 transparent),
    var(--tw-shadow);
}
.doka-file-upload-document:before {
  color: var(--color-icon-default);
  font-family: Material Symbols Outlined;
  font-size: 2rem;
  font-variation-settings: "FILL" 0, "opsz" 32;
  font-weight: 400;
  --tw-content: "\e24d";
  content: var(--tw-content);
}
.doka-file-upload-document-information {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.doka-file-upload-document-name {
  color: var(--color-text-default);
  font-size: 1rem;
  line-height: 1.5rem;
}
.doka-file-upload-document-name,
.doka-file-upload-document-size {
  font-family: Soehne, sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.doka-file-upload-document-size {
  color: var(--color-text-light);
  font-size: .875rem;
  line-height: 1.25rem;
  margin-top: calc(var(--spacing-sm)*-1);
}
.doka-file-upload-document-clear-button {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.doka-file-upload-document-clear-button:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.doka-file-upload-document-clear-button {
  cursor: pointer;
}
.doka-file-upload-document-clear-button:disabled {
  cursor: not-allowed;
}
.doka-file-upload-document-clear-button {
  color: var(--color-icon-accent);
}
.doka-file-upload-document-clear-button:disabled {
  color: var(--color-icon-disabled-light);
}
.doka-file-upload-document-clear-button {
  background-color: transparent;
}
.doka-file-upload-document-clear-button:hover:enabled {
  background-color: var(--color-background-action-hover);
}
.doka-file-upload-document-clear-button:focus:enabled {
  background-color: var(--color-background-action-focus);
}
.doka-file-upload-document-clear-button:disabled {
  background-color: transparent;
}
.doka-file-upload-document-clear-button {
  border-radius: .375rem;
  font-family: Material Symbols Outlined;
  font-size: .875rem;
  font-variation-settings: "FILL" 0, "opsz" 14;
  font-weight: 400;
  height: 2rem;
  transition-duration: .15s;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  width: 2rem;
}
.doka-file-upload-document-clear-button:before {
  color: var(--color-icon-default);
  --tw-content: "\e872";
  content: var(--tw-content);
}
.doka-stacked-list {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.doka-stacked-list > :nth-child(n) {
  border-bottom-width: 1px;
  border-color: var(--color-border-light);
  border-style: solid;
}
.doka-stacked-list > :last-child {
  border-style: none;
}
.doka-stacked-list-item {
  align-items: center;
  align-self: stretch;
  color: var(--color-text-default);
  display: flex;
  flex-direction: row;
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  gap: var(--spacing-base);
  letter-spacing: 0;
  line-height: 1.5rem;
  padding-bottom: var(--spacing-base);
  padding-top: var(--spacing-base);
}
.doka-stacked-list-item > :first-child {
  flex: 1 1 0%;
}
.doka-stacked-list-action-icon {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.doka-stacked-list-action-icon:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.doka-stacked-list-action-icon {
  cursor: pointer;
}
.doka-stacked-list-action-icon:disabled {
  cursor: not-allowed;
}
.doka-stacked-list-action-icon {
  color: var(--color-icon-accent);
}
.doka-stacked-list-action-icon:disabled {
  color: var(--color-icon-disabled-light);
}
.doka-stacked-list-action-icon {
  background-color: transparent;
}
.doka-stacked-list-action-icon:hover:enabled {
  background-color: var(--color-background-action-hover);
}
.doka-stacked-list-action-icon:focus:enabled {
  background-color: var(--color-background-action-focus);
}
.doka-stacked-list-action-icon:disabled {
  background-color: transparent;
}
.doka-stacked-list-action-icon {
  border-radius: .25rem;
  font-family: Material Symbols Outlined;
  font-size: .75rem;
  font-variation-settings: "FILL" 0, "opsz" 12;
  font-weight: 400;
  height: 1.5rem;
  transition-duration: .15s;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  width: 1.5rem;
}
.doka-stacked-list-action-icon:enabled {
  color: var(--color-icon-default);
}
.doka-stacked-list.doka-stacked-list-padded .doka-stacked-list-item {
  padding-left: var(--spacing-base);
  padding-right: var(--spacing-base);
}
.doka-footer {
  background-color: var(--color-background-gray-light);
  container-type: inline-size;
  gap: var(--spacing-base);
  height: fit-content;
  min-width: 320px;
  width: 100%;
}
.doka-footer,
.doka-footer-content {
  display: flex;
}
.doka-footer-content {
  flex: 1 1 0%;
  flex-direction: column;
  padding: var(--spacing-base) var(--spacing-2xl);
}
@container (min-width: 66rem) {
  .doka-footer-content {
    flex-direction: row;
  }
}
.doka-footer-content {
  align-items: center;
  justify-content: space-between;
  text-align: left;
}
.doka-footer-content > :nth-child(n) {
  align-items: baseline;
  color: var(--color-text-default);
  display: flex;
  flex-wrap: wrap;
  font-family: Soehne, sans-serif;
  font-size: .75rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.125rem;
  text-wrap: nowrap;
}
.doka-footer-linklist {
  flex-wrap: nowrap;
  justify-content: center;
}
@container (min-width: 66rem) {
  .doka-footer-linklist {
    justify-content: flex-start;
  }
}
.doka-footer-linklist > :nth-child(n) {
  cursor: pointer;
  margin-right: 1rem;
  position: relative;
  text-decoration-line: none;
}
.doka-footer-linklist > :nth-child(n):hover {
  text-decoration-line: underline;
}
.doka-footer-linklist > :nth-child(n):focus {
  text-decoration-line: underline;
}
.doka-footer-linklist > :nth-child(n):after {
  color: var(--color-text-default);
  cursor: default;
  font-family: Soehne, sans-serif;
  font-size: .75rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.125rem;
  padding-left: .375rem;
  position: absolute;
  --tw-content: "|";
  content: var(--tw-content);
}
.doka-footer-linklist > :last-child:after {
  content: var(--tw-content);
  display: none;
}
.doka-footer-information > :nth-child(n) {
  margin-right: .75rem;
  position: relative;
}
.doka-footer-information > :nth-child(n):after {
  color: var(--color-text-default);
  font-family: Soehne, sans-serif;
  font-size: .75rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.125rem;
  padding-left: .375rem;
  position: absolute;
  --tw-content: "|";
  content: var(--tw-content);
}
.doka-footer-information > :last-child:after {
  content: var(--tw-content);
  display: none;
}
.doka-headerbar {
  background-color: var(--color-background-highlight);
  container-type: inline-size;
  height: fit-content;
  min-width: 20rem;
  width: 100%;
}
.doka-headerbar-content {
  height: 3.5rem;
  padding-left: var(--spacing-md);
}
@container (min-width: 39rem) {
  .doka-headerbar-content {
    height: 4rem;
  }
}
.doka-headerbar-content {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.doka-headerbar-logo {
  height: 42px;
  width: 140px;
}
@container (min-width: 39rem) {
  .doka-headerbar-logo {
    height: 3rem;
    width: 10rem;
  }
}
.doka-headerbar-logo {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='132' height='40' fill='none' viewBox='0 0 132 40'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23fd0' d='M131.999 0H0v40h131.999z'/%3E%3Cpath fill='%23004588' d='m54.765 20.442-.979 4.817h-11.98c.438-2.16.965-4.756.979-4.817zm3.8 5.047L61.9 9.08h-4.802l-1.36 6.688H43.345c-2.333 0-4.661 2.154-5.197 4.812l-.908 4.45c-.536 2.662.917 4.816 3.25 4.816h12.023zm18.88-5.047-.977 4.817H64.497c.277-1.374.729-3.556.978-4.817zm4.676.137c.546-2.663-.926-4.817-3.287-4.817H66.058c-2.36 0-4.718 2.154-5.263 4.817l-.917 4.444c-.546 2.663.926 4.817 3.288 4.817h11.876l6.044-4.35c.048-.151.085-.311.118-.466zm19.596-4.596.047-.221h-7.089l-6.312 4.539h-.165L90.48 9.073h-4.803L81.458 29.84h4.803l1.067-5.268h.18l6.057 5.268h7.061l.047-.221-8.11-7.05 9.154-6.581zm17.963-.221h-13.081c-2.361 0-4.718 2.154-5.263 4.817l-.894 4.444c-.545 2.663.903 4.817 3.264 4.817h6.129l5.579-4.36.042-.221h-10.31l.973-4.817h11.948l-1.91 9.398h4.925l1.933-9.53c.395-2.535-1.054-4.548-3.34-4.548M18.142 11.76l-5.837 4.576v2.92l5.837-3.405 9.384 4.408V18.09zM30.79 25.607 18.137 23.18l-5.832 1.392v2.959H30.79z'/%3E%3Cpath fill='%23004588' d='m30.79 22.61-12.653-5.188-5.832 2.978v3.231l5.832-1.924 12.653 3.19z'/%3E%3Cpath fill='%23004588' d='M30.79 30.786v-1.562H10.607V10.607h18.617v9.652h1.561V9.04H9.04v21.75'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h131.999v40H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.doka-headerbar-title {
  color: var(--color-text-accent);
  font-family: Soehne, sans-serif;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 600;
  left: 0;
  letter-spacing: -.019rem;
  line-height: 1.75rem;
  overflow: hidden;
  padding-left: 5rem;
  padding-right: 5rem;
  position: absolute;
  text-align: center;
  text-overflow: ellipsis;
  text-wrap: nowrap;
  white-space: nowrap;
  width: 100%;
}
.doka-headerbar-section {
  display: flex;
  flex: 1 1 auto;
  justify-content: flex-end;
}
.doka-headerbar-action {
  height: 3.5rem;
  width: 3.5rem;
}
@container (min-width: 39rem) {
  .doka-headerbar-action {
    height: 4rem;
    width: 4rem;
  }
}
.doka-headerbar-action {
  background-color: var(--color-background-highlight);
}
.doka-headerbar-action:hover {
  background-color: var(--color-background-highlight-hover);
}
.doka-headerbar-action:focus {
  background-color: var(--color-background-highlight-focus);
}
.doka-headerbar-action {
  align-content: center;
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  outline: 2px solid transparent;
  outline-offset: 2px;
  position: relative;
}
.doka-headerbar-action:has(.doka-headerbar-action-select) {
  width: fit-content;
}
.doka-headerbar-action {
  transition-duration: .15s;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.doka-headerbar-action-icon {
  color: var(--color-icon-accent);
  font-family: Material Symbols Outlined;
  font-size: 1.25rem;
  font-variation-settings: "FILL" 0, "opsz" 20;
  font-weight: 400;
}
.doka-headerbar-action-active {
  background-color: var(--color-background-default);
}
.doka-headerbar-action-active:hover {
  background-color: var(--color-background-default);
}
.doka-headerbar-action-active:focus {
  background-color: var(--color-background-default);
}
.doka-headerbar-action-select {
  align-items: center;
  align-self: stretch;
  color: var(--color-text-default);
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.doka-headerbar-action-select:disabled {
  color: var(--color-text-disabled);
  background-color: var(--color-background-disabled);
  cursor: not-allowed;
}
.doka-headerbar-action-select {
  background-color: transparent;
}
.doka-headerbar-action-select:after {
  content: var(--tw-content);
  margin-right: var(--spacing-md);
}
.doka-headerbar-action-select {
  color: var(--color-text-accent);
  height: 100%;
  padding-left: 1rem;
  padding-right: 1.125rem;
}
.doka-headerbar-action-select-wrapper {
  position: relative;
}
.doka-headerbar-action-select-wrapper:after {
  color: var(--color-icon-default);
  font-family: Material Symbols Outlined;
  font-size: 1.125rem;
  font-variation-settings: "FILL" 0, "opsz" 18;
  font-weight: 400;
  --tw-content: "\e5cf";
  content: "\e5cf";
  pointer-events: none;
  position: absolute;
  right: var(--spacing-lg);
  top: var(--spacing-xl);
}
.doka-headerbar-action-select-wrapper {
  height: 100%;
}
.doka-headerbar-action-select-wrapper:after {
  color: var(--color-icon-accent);
  right: calc(var(--spacing-base)*-1);
  top: 1rem;
}
@container (min-width: 39rem) {
  .doka-headerbar-action-select-wrapper:after {
    content: var(--tw-content);
    top: 1.25rem;
  }
}
.doka-headerbar-action-select-wrapper:after {
  content: var(--tw-content);
  right: .75rem;
}
.doka-headerbar-action .doka-notification-indicator {
  position: absolute;
  right: .5rem;
  top: .75rem;
}
@container (min-width: 39rem) {
  .doka-headerbar-action .doka-notification-indicator {
    right: .75rem;
    top: 1rem;
  }
}
.doka-user-context-menu {
  background-color: var(--color-background-default);
  display: flex;
  flex-direction: column;
  min-width: 20rem;
  width: fit-content;
  --tw-shadow: var(--shadow-lg);
  --tw-shadow-colored: var(--shadow-lg);
  box-shadow:
    var(--tw-ring-offset-shadow,0 0 transparent),
    var(--tw-ring-shadow,0 0 transparent),
    var(--tw-shadow);
}
.doka-user-context-menu-header {
  border-bottom-width: 1px;
  border-color: var(--color-border-ultra-light);
  border-style: solid;
  gap: var(--spacing-base);
  padding: var(--spacing-lg);
}
.doka-user-context-menu-header,
.doka-user-context-menu-header-information {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.doka-user-context-menu-header-information > :first-child {
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.5rem;
}
.doka-user-context-menu-entry {
  align-items: center;
  color: var(--color-text-default);
  display: flex;
  flex: 1 1 0%;
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  gap: var(--spacing-base);
  letter-spacing: 0;
  line-height: 1.5rem;
  padding: var(--spacing-base);
  width: 100%;
}
.doka-user-context-menu-entry:disabled {
  color: var(--color-text-disabled);
}
.doka-user-context-menu-entry {
  background-color: var(--color-background-default);
}
.doka-user-context-menu-entry:hover:enabled {
  background-color: var(--color-background-action-hover);
}
.doka-user-context-menu-entry:focus:enabled {
  background-color: var(--color-background-action-focus);
}
.doka-user-context-menu-entry {
  cursor: pointer;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.doka-user-context-menu-entry:disabled {
  cursor: not-allowed;
}
.doka-user-context-menu-entry {
  transition-duration: .15s;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.doka-user-context-menu-entry:disabled > .doka-user-context-menu-entry-icon {
  color: var(--color-icon-disabled);
}
.doka-user-context-menu-entry-icon {
  color: var(--color-icon-default);
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
}
.doka-sidebar {
  align-items: stretch;
  background-color: var(--color-background-gray-ultra-ultra-light);
  display: flex;
  flex-direction: column;
  padding: var(--spacing-2xl) var(--spacing-lg);
  position: relative;
  transition-duration: .3s;
  transition-property: all;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  width: 20rem;
}
.doka-sidebar-collapsed {
  padding: 0;
  width: .5rem;
}
.doka-sidebar-collapsed .doka-sidebar-items {
  display: none;
}
.doka-sidebar-collapsed .doka-sidebar-button:before {
  --tw-content: "keyboard_double_arrow_right";
  content: var(--tw-content);
}
.doka-sidebar-button {
  align-items: center;
  background-color: var(--color-background-gray-ultra-ultra-light);
  border-bottom-right-radius: .375rem;
  border-top-right-radius: .375rem;
  display: flex;
  height: 2rem;
  justify-content: center;
  outline: 2px solid transparent;
  outline-offset: 2px;
  width: 1.25rem;
}
.doka-sidebar-button:hover {
  background-color: var(--color-background-action-hover);
}
.doka-sidebar-button:focus {
  background-color: var(--color-background-action-focus);
}
.doka-sidebar-button {
  position: absolute;
  right: -1.25rem;
  top: 1.25rem;
}
.doka-sidebar-button:before {
  color: var(--color-icon-accent);
  font-family: Material Symbols Outlined;
  font-size: .875rem;
  font-variation-settings: "FILL" 0, "opsz" 14;
  font-weight: 400;
  --tw-content: "keyboard_double_arrow_left";
  content: var(--tw-content);
}
.doka-sidebar-button {
  transition-duration: .15s;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.doka-sidebar-items {
  gap: 0;
}
.doka-sidebar-items > .doka-sidebar-title:first-child {
  margin-top: 0;
}
.doka-sidebar-item {
  background-color: var(--color-background-gray-ultra-ultra-light);
  position: relative;
}
.doka-sidebar-item,
.doka-sidebar-item-link {
  outline: 2px solid transparent;
  outline-offset: 2px;
  width: 100%;
}
.doka-sidebar-item-link {
  align-items: flex-start;
  border-radius: .375rem;
  display: flex;
}
.doka-sidebar-item-link:hover {
  background-color: var(--color-background-default);
}
.doka-sidebar-item-link:focus {
  background-color: var(--color-background-gray-light);
}
.doka-sidebar-item-link {
  gap: .25rem;
  height: 3rem;
  padding: .75rem 3rem .75rem 1.5rem;
}
.doka-sidebar-item-link .doka-badge {
  margin-left: .75rem;
  margin-top: .125rem;
}
.doka-sidebar-item-link {
  transition-duration: .15s;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.doka-sidebar-item-link-icon {
  align-items: center;
  color: var(--color-icon-accent);
  display: flex;
  flex-direction: column;
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  width: 1.5rem;
}
.doka-sidebar-item-link-text {
  color: var(--color-text-accent);
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.doka-sidebar-item-selected .doka-sidebar-item-link {
  background-color: var(--color-background-highlight);
}
.doka-sidebar-item-selected .doka-sidebar-item-link:hover {
  background-color: var(--color-background-highlight-hover);
}
.doka-sidebar-item-selected .doka-sidebar-item-link:focus {
  background-color: var(--color-background-highlight-focus);
}
.doka-sidebar-item-expandable .doka-sidebar-item {
  display: none;
}
.doka-sidebar-item-expandable .doka-sidebar-item > .doka-sidebar-item-link {
  padding-left: 2.5rem;
}
.doka-sidebar-item-expandable .doka-sidebar-item > .doka-sidebar-item-link .doka-sidebar-item-link-text {
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
}
.doka-sidebar-item-expandable .doka-sidebar-item > .doka-sidebar-item-link {
  background-color: var(--color-background-gray-ultra-ultra-light);
}
.doka-sidebar-item-expandable .doka-sidebar-item > .doka-sidebar-item-link:hover {
  background-color: var(--color-background-default);
}
.doka-sidebar-item-expandable .doka-sidebar-item > .doka-sidebar-item-link:focus {
  background-color: var(--color-background-gray-light);
}
.doka-sidebar-item-expandable .doka-sidebar-item.doka-sidebar-item-selected > .doka-sidebar-item-link {
  background-color: var(--color-background-highlight);
}
.doka-sidebar-item-expandable .doka-sidebar-item.doka-sidebar-item-selected > .doka-sidebar-item-link:hover {
  background-color: var(--color-background-highlight-hover);
}
.doka-sidebar-item-expandable .doka-sidebar-item.doka-sidebar-item-selected > .doka-sidebar-item-link:focus {
  background-color: var(--color-background-highlight-focus);
}
.doka-sidebar-item-expandable > .doka-sidebar-item-link:after {
  color: var(--color-icon-accent);
  font-family: Material Symbols Outlined;
  font-size: 1.25rem;
  font-variation-settings: "FILL" 0, "opsz" 20;
  font-weight: 400;
  position: absolute;
  right: 1rem;
  top: .5rem;
  --tw-content: "expand_more";
  content: var(--tw-content);
}
.doka-sidebar-item-expaned .doka-sidebar-item {
  display: flex;
}
.doka-sidebar-item-expaned > .doka-sidebar-item-link:after {
  --tw-content: "expand_less";
  content: var(--tw-content);
}
.doka-sidebar-treeview .doka-sidebar-item-link {
  align-items: flex-start;
  height: auto;
  padding-left: 2.5rem;
  padding-right: 1rem;
}
.doka-sidebar-treeview .doka-sidebar-item-link:after {
  content: var(--tw-content);
  display: none;
}
.doka-sidebar-treeview .doka-sidebar-item-link-text {
  display: -webkit-box;
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
  overflow: hidden;
  text-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.doka-sidebar-treeview .doka-sidebar-item-disabled .doka-sidebar-item-link {
  background-color: var(--color-background-gray-ultra-ultra-light);
}
.doka-sidebar-treeview .doka-sidebar-item-disabled .doka-sidebar-item-link:hover {
  background-color: var(--color-background-gray-ultra-ultra-light);
}
.doka-sidebar-treeview .doka-sidebar-item-disabled .doka-sidebar-item-link:focus {
  background-color: var(--color-background-gray-ultra-ultra-light);
}
.doka-sidebar-treeview .doka-sidebar-item-disabled .doka-sidebar-item-link {
  color: var(--color-text-disabled);
  cursor: not-allowed;
}
.doka-sidebar-treeview .doka-sidebar-item-expandable {
  flex-direction: column;
}
.doka-sidebar-treeview .doka-sidebar-item-expandable .doka-sidebar-items {
  display: none;
}
.doka-sidebar-treeview .doka-sidebar-item-expandable .doka-sidebar-item > .doka-sidebar-item-link {
  padding-left: 3.5rem;
}
.doka-sidebar-treeview .doka-sidebar-item-expandable .doka-sidebar-item.doka-sidebar-item-expandable > .doka-sidebar-item-link:before {
  content: var(--tw-content);
  left: 2rem;
}
.doka-sidebar-treeview .doka-sidebar-item-expandable .doka-sidebar-item .doka-sidebar-item > .doka-sidebar-item-link {
  padding-left: 72px;
}
.doka-sidebar-treeview .doka-sidebar-item-expandable .doka-sidebar-item .doka-sidebar-item.doka-sidebar-item-expandable > .doka-sidebar-item-link:before {
  content: var(--tw-content);
  left: 3rem;
}
.doka-sidebar-treeview .doka-sidebar-item-expandable .doka-sidebar-item .doka-sidebar-item .doka-sidebar-item > .doka-sidebar-item-link {
  padding-left: 88px;
}
.doka-sidebar-treeview .doka-sidebar-item-expandable .doka-sidebar-item .doka-sidebar-item .doka-sidebar-item.doka-sidebar-item-expandable > .doka-sidebar-item-link:before {
  content: var(--tw-content);
  left: 4rem;
}
.doka-sidebar-treeview .doka-sidebar-item-expandable .doka-sidebar-item .doka-sidebar-item .doka-sidebar-item .doka-sidebar-item > .doka-sidebar-item-link {
  padding-left: 104px;
}
.doka-sidebar-treeview .doka-sidebar-item-expandable .doka-sidebar-item .doka-sidebar-item .doka-sidebar-item .doka-sidebar-item.doka-sidebar-item-expandable > .doka-sidebar-item-link:before {
  content: var(--tw-content);
  left: 5rem;
}
.doka-sidebar-treeview .doka-sidebar-item-expandable > .doka-sidebar-item-link:before {
  color: var(--color-icon-accent);
  font-family: Material Symbols Outlined;
  font-size: 1.125rem;
  font-variation-settings: "FILL" 0, "opsz" 18;
  font-weight: 400;
  left: 1rem;
  position: absolute;
  top: .5rem;
  width: .75rem;
  --tw-content: "expand_more";
  content: var(--tw-content);
  margin-top: .125rem;
}
.doka-sidebar-treeview .doka-sidebar-item-expaned > .doka-sidebar-items {
  display: block;
}
.doka-sidebar-treeview .doka-sidebar-item-expaned > .doka-sidebar-item-link:before {
  --tw-content: "expand_less";
  content: var(--tw-content);
}
.doka-page {
  display: flex;
  flex-direction: column;
  min-height: 614px;
  min-width: 320px;
  width: 100%;
}
.doka-page,
.doka-page-wrapper {
  container-type: inline-size;
  height: 100vh;
}
.doka-page-wrapper {
  display: block;
  overflow-y: auto;
}
.doka-page-layout {
  display: flex;
  flex: 1 1 0%;
  flex-direction: row;
}
@container (min-width: 0rem) {
  .doka-page-layout {
    height: fit-content;
    min-height: 100vh;
  }
}
@container (min-width: 66rem) {
  .doka-page-layout {
    height: 100%;
    min-height: 0;
  }
}
.doka-page-layout .doka-sidebar {
  display: none;
}
@container (min-width: 66rem) {
  .doka-page-layout .doka-sidebar {
    display: flex;
  }
}
@container (min-width: 0rem) {
  .doka-page-layout .doka-sidebar {
    width: 100%;
  }
}
@container (min-width: 39rem) {
  .doka-page-layout .doka-sidebar {
    width: 22.5rem;
  }
}
@container (min-width: 66rem) {
  .doka-page-layout .doka-sidebar {
    width: 304px;
  }
}
@container (min-width: 83rem) {
  .doka-page-layout .doka-sidebar {
    width: 20rem;
  }
}
@container (min-width: 99rem) {
  .doka-page-layout .doka-sidebar {
    width: 20rem;
  }
}
@container (min-width: 0rem) {
  .doka-page-layout .doka-sidebar-collapsed {
    width: 100%;
  }
}
@container (min-width: 66rem) {
  .doka-page-layout .doka-sidebar-collapsed {
    width: .5rem;
  }
}
@container (min-width: 0rem) {
  .doka-page-layout .doka-inbox {
    width: 100%;
  }
}
@container (min-width: 39rem) {
  .doka-page-layout .doka-inbox {
    width: 100%;
  }
}
@container (min-width: 66rem) {
  .doka-page-layout .doka-inbox {
    width: 336px;
  }
}
@container (min-width: 83rem) {
  .doka-page-layout .doka-inbox {
    width: 464px;
  }
}
@container (min-width: 99rem) {
  .doka-page-layout .doka-inbox {
    width: 464px;
  }
}
.doka-page-layout .doka-inbox {
  height: 100%;
}
@container (min-width: 0rem) {
  .doka-page-layout .doka-inbox {
    border-right-width: 0;
  }
}
@container (min-width: 66rem) {
  .doka-page-layout .doka-inbox {
    border-right-width: 1px;
    border-style: solid;
  }
}
.doka-page-layout-split .doka-page-content {
  display: flex;
  flex: 1 1 0%;
  justify-content: center;
}
@container (min-width: 0rem) {
  .doka-page-layout-split .doka-page-content {
    padding-bottom: var(--spacing-2xl);
    padding-top: var(--spacing-2xl);
  }
}
@container (min-width: 39rem) {
  .doka-page-layout-split .doka-page-content {
    padding-bottom: var(--spacing-4xl);
    padding-top: var(--spacing-4xl);
  }
}
@container (min-width: 66rem) {
  .doka-page-layout-split .doka-page-content {
    padding-bottom: var(--spacing-4xl);
    padding-top: var(--spacing-4xl);
  }
}
@container (min-width: 83rem) {
  .doka-page-layout-split .doka-page-content {
    padding-bottom: var(--spacing-4xl);
    padding-top: var(--spacing-4xl);
  }
}
@container (min-width: 99rem) {
  .doka-page-layout-split .doka-page-content {
    padding-bottom: var(--spacing-4xl);
    padding-top: var(--spacing-4xl);
  }
}
@container (min-width: 0rem) {
  .doka-page-layout-split .doka-page-content {
    padding-left: var(--spacing-base);
    padding-right: var(--spacing-base);
  }
}
@container (min-width: 39rem) {
  .doka-page-layout-split .doka-page-content {
    padding-left: var(--spacing-4xl);
    padding-right: var(--spacing-4xl);
  }
}
@container (min-width: 66rem) {
  .doka-page-layout-split .doka-page-content {
    padding-left: var(--spacing-4xl);
    padding-right: var(--spacing-4xl);
  }
}
@container (min-width: 83rem) {
  .doka-page-layout-split .doka-page-content {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
@container (min-width: 99rem) {
  .doka-page-layout-split .doka-page-content {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
@container (min-width: 0rem) {
  .doka-page-layout-split .doka-page-content {
    width: 100%;
  }
}
@container (min-width: 39rem) {
  .doka-page-layout-split .doka-page-content {
    width: 100%;
  }
}
@container (min-width: 66rem) {
  .doka-page-layout-split .doka-page-content {
    width: 40%;
  }
}
@container (min-width: 83rem) {
  .doka-page-layout-split .doka-page-content {
    width: 40%;
  }
}
@container (min-width: 99rem) {
  .doka-page-layout-split .doka-page-content {
    width: 37%;
  }
}
.doka-page-layout-split .doka-page-content {
  overflow-x: hidden;
}
.doka-page-layout-split .doka-page-content-gray {
  background-color: var(--color-background-default);
}
.doka-page-layout-split .doka-page-content-wrapper {
  height: fit-content;
  max-width: 100%;
  min-height: 100%;
  width: 100%;
}
@container (min-width: 39rem) {
  .doka-page-layout-split .doka-page-content-wrapper {
    width: 416px;
  }
}
@container (min-width: 66rem) {
  .doka-page-layout-split .doka-page-content-wrapper {
    width: 100%;
  }
}
@container (min-width: 0rem) {
  .doka-page-layout-split .doka-page-content-wrapper {
    min-width: 304px;
  }
}
@container (min-width: 39rem) {
  .doka-page-layout-split .doka-page-content-wrapper {
    min-width: 416px;
  }
}
@container (min-width: 66rem) {
  .doka-page-layout-split .doka-page-content-wrapper {
    min-width: 336px;
  }
}
@container (min-width: 83rem) {
  .doka-page-layout-split .doka-page-content-wrapper {
    min-width: 432px;
  }
}
@container (min-width: 99rem) {
  .doka-page-layout-split .doka-page-content-wrapper {
    min-width: 464px;
  }
}
@container (min-width: 0rem) {
  .doka-page-layout-split .doka-page-content-wrapper {
    max-width: 400px;
  }
}
@container (min-width: 39rem) {
  .doka-page-layout-split .doka-page-content-wrapper {
    max-width: 416px;
  }
}
@container (min-width: 66rem) {
  .doka-page-layout-split .doka-page-content-wrapper {
    max-width: 440px;
  }
}
@container (min-width: 83rem) {
  .doka-page-layout-split .doka-page-content-wrapper {
    max-width: 464px;
  }
}
@container (min-width: 99rem) {
  .doka-page-layout-split .doka-page-content-wrapper {
    max-width: 496px;
  }
}
@container (min-width: 0rem) {
  .doka-page-layout-split .doka-page-decoration {
    display: none;
  }
}
@container (min-width: 66rem) {
  .doka-page-layout-split .doka-page-decoration {
    display: flex;
  }
}
@container (min-width: 0rem) {
  .doka-page-layout-split .doka-page-decoration {
    width: 0;
  }
}
@container (min-width: 66rem) {
  .doka-page-layout-split .doka-page-decoration {
    width: 60%;
  }
}
@container (min-width: 83rem) {
  .doka-page-layout-split .doka-page-decoration {
    width: 60%;
  }
}
@container (min-width: 99rem) {
  .doka-page-layout-split .doka-page-decoration {
    width: 63%;
  }
}
.doka-page-layout-split .doka-page-decoration-image {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.doka-page-content {
  display: flex;
  flex: 1 1 0%;
  flex-grow: 1;
  height: auto;
  overflow-y: auto;
  padding-bottom: var(--spacing-2xl);
  padding-top: var(--spacing-2xl);
}
@container (min-width: 0rem) {
  .doka-page-content {
    padding-left: var(--spacing-base);
    padding-right: var(--spacing-base);
  }
}
@container (min-width: 39rem) {
  .doka-page-content {
    padding-left: var(--spacing-2xl);
    padding-right: var(--spacing-2xl);
  }
}
.doka-page-content {
  background-color: var(--color-background-default);
  justify-content: center;
}
.doka-page-content-wrapper {
  height: fit-content;
  max-width: 1680px;
  width: 100%;
}
.doka-page:has(.doka-inbox) .doka-page-content {
  display: none;
}
@container (min-width: 66rem) {
  .doka-page:has(.doka-inbox) .doka-page-content {
    display: flex;
  }
}
.doka-data-table {
  width: 100%;
}
.doka-data-table > :last-child {
  border-bottom-width: 2px;
  border-color: var(--color-border-strong);
}
.doka-data-table-header > .doka-data-table-row {
  border-bottom-width: 1px;
  border-style: solid;
  color: var(--color-text-default);
  font-weight: 400;
}
.doka-data-table-header > .doka-data-table-row > :first-child {
  padding-left: 0;
}
.doka-data-table-header > .doka-data-table-row > :last-child {
  padding-right: 0;
}
.doka-data-table-header > .doka-data-table-row-selectable {
  padding-right: var(--spacing-lg);
}
.doka-data-table-header > .doka-data-table-row-selectable .doka-table-select-checkbox {
  margin-left: var(--spacing-lg);
  margin-right: var(--spacing-lg);
}
.doka-data-table-header > .doka-data-table-row-selectable > :last-child {
  padding-right: var(--spacing-lg);
}
.doka-data-table-header > .doka-data-table-row {
  border-bottom-width: 2px;
  border-color: var(--color-border-strong);
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.5rem;
}
.doka-data-table-header-sticky {
  background-color: var(--color-background-default);
  position: sticky;
  top: 0;
  z-index: 10;
}
.doka-data-table-footer > .doka-data-table-row {
  border-bottom-width: 1px;
  border-style: solid;
  color: var(--color-text-default);
  font-weight: 400;
}
.doka-data-table-footer > .doka-data-table-row > :first-child {
  padding-left: 0;
}
.doka-data-table-footer > .doka-data-table-row > :last-child {
  padding-right: 0;
}
.doka-data-table-footer > .doka-data-table-row-selectable {
  padding-right: var(--spacing-lg);
}
.doka-data-table-footer > .doka-data-table-row-selectable .doka-table-select-checkbox {
  margin-left: var(--spacing-lg);
  margin-right: var(--spacing-lg);
}
.doka-data-table-footer > .doka-data-table-row-selectable > :last-child {
  padding-right: var(--spacing-lg);
}
.doka-data-table-footer > .doka-data-table-row {
  border-color: var(--color-border-strong);
  border-top-width: 2px;
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.5rem;
}
.doka-data-table-footer-sticky {
  background-color: var(--color-background-default);
  bottom: 0;
  position: sticky;
  z-index: 10;
}
.doka-data-table-body > .doka-data-table-row {
  border-style: solid;
  color: var(--color-text-default);
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
}
.doka-data-table-body > .doka-data-table-row > :first-child {
  padding-left: 0;
}
.doka-data-table-body > .doka-data-table-row > :last-child {
  padding-right: 0;
}
.doka-data-table-body > .doka-data-table-row-selectable {
  padding-right: var(--spacing-lg);
}
.doka-data-table-body > .doka-data-table-row-selectable .doka-table-select-checkbox {
  margin-left: var(--spacing-lg);
  margin-right: var(--spacing-lg);
}
.doka-data-table-body > .doka-data-table-row-selectable > :last-child {
  padding-right: var(--spacing-lg);
}
.doka-data-table-body > .doka-data-table-row {
  border-bottom-width: 1px;
  border-color: var(--color-border-light);
}
.doka-data-table-body > .doka-data-table-row:has(+ .doka-data-table-row-detail) {
  border-bottom-width: 0;
}
.doka-data-table-body > .doka-data-table-row-selectable {
  --tw-shadow: var(--tw-shadow-colored);
  --tw-shadow-colored: inset 2px 0 0 0 var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow,0 0 transparent),
    var(--tw-ring-shadow,0 0 transparent),
    var(--tw-shadow);
  --tw-shadow-color: transparent;
}
.doka-data-table-body > .doka-data-table-row-selectable:has(.doka-data-table-select-checkbox:checked) {
  background-color: var(--color-background-gray-light);
  --tw-shadow-color: var(--color-border-accent);
  --tw-shadow: var(--tw-shadow-colored);
}
.doka-data-table-body > .doka-data-table-row-detail {
  background-color: var(--color-background-gray-ultra-light);
}
.doka-data-table-body > .doka-data-table-row-detail .doka-data-table > :last-child {
  border-color: transparent;
}
.doka-data-table-body > .doka-data-table-row-detail > .doka-data-table-cell {
  padding-bottom: 0;
  padding-left: var(--spacing-lg);
  padding-right: var(--spacing-lg);
  padding-top: 0;
}
.doka-data-table-cell {
  margin-left: auto;
  padding-bottom: var(--spacing-lg);
  padding-left: 0;
  padding-right: var(--spacing-base);
  padding-top: var(--spacing-lg);
  text-align: left;
}
.doka-data-table-cell-revert {
  text-align: right;
}
.doka-data-table-cell-revert .doka-data-table-sort-action-icon {
  margin-left: 0;
  margin-right: var(--spacing-base);
}
.doka-data-table-cell-content {
  display: inline-flex;
}
.doka-data-table-sort-action-icon {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.doka-data-table-sort-action-icon:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.doka-data-table-sort-action-icon {
  cursor: pointer;
}
.doka-data-table-sort-action-icon:disabled {
  cursor: not-allowed;
}
.doka-data-table-sort-action-icon {
  color: var(--color-icon-accent);
}
.doka-data-table-sort-action-icon:disabled {
  color: var(--color-icon-disabled-light);
}
.doka-data-table-sort-action-icon {
  background-color: transparent;
}
.doka-data-table-sort-action-icon:hover:enabled {
  background-color: var(--color-background-action-hover);
}
.doka-data-table-sort-action-icon:focus:enabled {
  background-color: var(--color-background-action-focus);
}
.doka-data-table-sort-action-icon:disabled {
  background-color: transparent;
}
.doka-data-table-sort-action-icon {
  border-radius: .25rem;
  color: transparent;
  font-family: Material Symbols Outlined;
  font-size: .75rem;
  font-variation-settings: "FILL" 0, "opsz" 12;
  font-weight: 400;
  height: 1.5rem;
  margin-left: var(--spacing-base);
  transition-duration: .15s;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  width: 1.5rem;
}
.doka-data-table-sort-action-icon:hover {
  color: var(--color-icon-default);
}
.doka-data-table-sort-action-icon:focus {
  color: var(--color-icon-default);
}
.doka-data-table-sort-action-icon-activated {
  background-color: var(--color-background-highlight);
}
.doka-data-table-sort-action-icon-activated:hover:enabled {
  background-color: var(--color-background-highlight-hover);
}
.doka-data-table-sort-action-icon-activated:focus:enabled {
  background-color: var(--color-background-highlight-focus);
}
.doka-data-table-sort-action-icon-activated:disabled {
  background-color: var(--color-background-disabled);
}
.doka-data-table-sort-action-icon-activated {
  color: var(--color-icon-accent);
}
.doka-data-table-sort-action-icon-activated:disabled {
  color: var(--color-icon-disabled);
}
.doka-data-table-select-checkbox:before {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 0;
}
.doka-data-table-select-checkbox {
  position: relative;
}
.doka-data-table-select-checkbox:before {
  border-style: solid;
  border-width: 1px;
}
.doka-data-table-select-checkbox:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.doka-data-table-select-checkbox:before {
  border-color: var(--color-border-default);
  height: 1rem;
  position: absolute;
  top: -.125rem;
  width: 1rem;
}
.doka-data-table-select-checkbox:focus:before {
  border-color: var(--color-border-accent);
  content: var(--tw-content);
}
.doka-data-table-select-checkbox:disabled:before {
  border-color: var(--color-border-disabled);
}
.doka-data-table-select-checkbox:checked:before {
  border-color: transparent;
}
.doka-data-table-select-checkbox:focus:checked:before {
  border-color: transparent;
}
.doka-data-table-select-checkbox:disabled:checked:before {
  border-color: transparent;
}
.doka-data-table-select-checkbox:before {
  color: transparent;
}
.doka-data-table-select-checkbox:checked:before {
  color: var(--color-icon-inverted);
}
.doka-data-table-select-checkbox:checked:disabled:before {
  color: var(--color-icon-disabled);
  content: var(--tw-content);
}
.doka-data-table-select-checkbox:before {
  align-items: center;
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  text-align: center;
  --tw-content: "\e876";
  background-color: var(--color-background-gray-ultra-light);
  content: var(--tw-content);
}
.doka-data-table-select-checkbox:disabled:before {
  background-color: var(--color-background-default);
  content: var(--tw-content);
}
.doka-data-table-select-checkbox:checked:before {
  background-color: var(--color-background-accent);
  content: var(--tw-content);
}
.doka-data-table-select-checkbox:focus:checked:before {
  background-color: var(--color-background-accent-focus);
  content: var(--tw-content);
}
.doka-data-table-select-checkbox:disabled:checked:before {
  background-color: var(--color-background-disabled);
  content: var(--tw-content);
}
.doka-data-table-select-checkbox {
  cursor: pointer;
}
.doka-data-table-select-checkbox:disabled {
  cursor: not-allowed;
}
.doka-data-table-select-checkbox {
  margin-left: var(--spacing-lg);
  margin-right: var(--spacing-lg);
}
.doka-data-table-select-checkbox-inderminate {
  position: relative;
}
.doka-data-table-select-checkbox-inderminate:before {
  border-color: transparent;
  display: flex;
}
.doka-data-table-select-checkbox-inderminate:focus:before {
  border-color: transparent;
}
.doka-data-table-select-checkbox-inderminate:disabled:before {
  border-color: transparent;
}
.doka-data-table-select-checkbox-inderminate:before {
  color: var(--color-icon-inverted);
}
.doka-data-table-select-checkbox-inderminate:disabled:before {
  color: var(--color-icon-disabled);
}
.doka-data-table-select-checkbox-inderminate:before {
  font-family: Material Symbols Outlined;
  font-size: .5rem;
  font-variation-settings: "FILL" 1, "opsz" 12;
  font-weight: 600;
  position: absolute;
  --tw-content: "square";
  background-color: var(--color-background-accent);
  content: "square";
}
.doka-data-table-select-checkbox-inderminate:focus:before {
  background-color: var(--color-background-accent-focus);
  content: var(--tw-content);
}
.doka-data-table-select-checkbox-inderminate:disabled:before {
  background-color: var(--color-background-disabled);
  content: var(--tw-content);
}
.doka-data-table-select-checkbox-inderminate:before {
  content: var(--tw-content);
  top: 0;
}
.doka-data-table:has(.doka-data-table-header-sticky, .doka-data-table-footer-sticky) {
  border-collapse: separate;
  --tw-border-spacing-x: 0px;
  --tw-border-spacing-y: 0px;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.doka-data-table:has(.doka-data-table-header-sticky, .doka-data-table-footer-sticky) .doka-data-table-body > .doka-data-table-row > .doka-data-table-cell {
  border-bottom-width: 1px;
  border-color: var(--color-border-light);
  border-style: solid;
}
.doka-data-table:has(.doka-data-table-header-sticky, .doka-data-table-footer-sticky) .doka-data-table-header > .doka-data-table-row > .doka-data-table-cell {
  border-bottom-width: 2px;
  border-color: var(--color-border-strong);
}
.doka-data-table:has(.doka-data-table-header-sticky, .doka-data-table-footer-sticky) .doka-data-table-footer > .doka-data-table-row > .doka-data-table-cell {
  border-bottom-width: 2px;
  border-color: var(--color-border-strong);
  border-style: solid;
  border-top-width: 2px;
}
.doka-data-table:has(.doka-data-table-header-sticky):not(:has(.doka-data-table-footer)) .doka-data-table-body > :last-child .doka-data-table-cell {
  border-bottom-width: 2px;
  border-color: var(--color-border-strong);
  border-style: solid;
}
.doka-notification-panel-item:has(.doka-notification-indicator) {
  background-color: var(--color-background-gray-ultra-ultra-light);
}
.doka-notification-panel-item .doka-avatar {
  margin-top: .25rem;
}
.doka-notification-panel-item .doka-avatar-plans.doka-avatar {
  background-color: var(--color-chart-category7-light);
  color: var(--color-text-default);
}
.doka-notification-panel-item .doka-avatar-plans.doka-avatar:before {
  font-family: Material Symbols Outlined;
  font-size: 1.125rem;
  font-variation-settings: "FILL" 0, "opsz" 18;
  font-weight: 400;
  --tw-content: "note_stack";
  content: var(--tw-content);
}
.doka-notification-panel-item .doka-avatar-deliveries.doka-avatar {
  background-color: var(--color-chart-category10-light);
  color: var(--color-text-default);
}
.doka-notification-panel-item .doka-avatar-deliveries.doka-avatar:before {
  font-family: Material Symbols Outlined;
  font-size: 1.125rem;
  font-variation-settings: "FILL" 0, "opsz" 18;
  font-weight: 400;
  --tw-content: "local_shipping";
  content: var(--tw-content);
}
.doka-notification-panel-item .doka-avatar-return-deliveries.doka-avatar {
  background-color: var(--color-chart-category3-light);
  color: var(--color-text-default);
}
.doka-notification-panel-item .doka-avatar-return-deliveries.doka-avatar:before {
  font-family: Material Symbols Outlined;
  font-size: 1.125rem;
  font-variation-settings: "FILL" 0, "opsz" 18;
  font-weight: 400;
  --tw-content: "share_windows";
  content: var(--tw-content);
}
.doka-notification-panel-item .doka-avatar-reconditioning.doka-avatar {
  background-color: var(--color-chart-category9-light);
  color: var(--color-text-default);
}
.doka-notification-panel-item .doka-avatar-reconditioning.doka-avatar:before {
  font-family: Material Symbols Outlined;
  font-size: 1.125rem;
  font-variation-settings: "FILL" 0, "opsz" 18;
  font-weight: 400;
  --tw-content: "reset_wrench";
  content: var(--tw-content);
}
.doka-notification-panel-item .doka-avatar-inspection.doka-avatar {
  background-color: var(--color-chart-category8-light);
  color: var(--color-text-default);
}
.doka-notification-panel-item .doka-avatar-inspection.doka-avatar:before {
  font-family: Material Symbols Outlined;
  font-size: 1.125rem;
  font-variation-settings: "FILL" 0, "opsz" 18;
  font-weight: 400;
  --tw-content: "frame_inspect";
  content: var(--tw-content);
}
.doka-notification-panel-item .doka-avatar-invoices.doka-avatar {
  background-color: var(--color-chart-category1-light);
  color: var(--color-text-default);
}
.doka-notification-panel-item .doka-avatar-invoices.doka-avatar:before {
  font-family: Material Symbols Outlined;
  font-size: 1.125rem;
  font-variation-settings: "FILL" 0, "opsz" 18;
  font-weight: 400;
  --tw-content: "description";
  content: var(--tw-content);
}
.doka-notification-panel-item .doka-avatar-sensors.doka-avatar {
  background-color: var(--color-chart-category6-light);
  color: var(--color-text-default);
}
.doka-notification-panel-item .doka-avatar-sensors.doka-avatar:before {
  font-family: Material Symbols Outlined;
  font-size: 1.125rem;
  font-variation-settings: "FILL" 0, "opsz" 18;
  font-weight: 400;
  --tw-content: "sensors";
  content: var(--tw-content);
}
.doka-notification-panel-item .doka-avatar-instructions.doka-avatar {
  background-color: var(--color-chart-category12-light);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' viewBox='0 0 14 14'%3E%3Cpath fill='%2335383e' d='M6.4 10.6h2.4V9.25H6.4zm0-2.925h4.2v-1.35H6.4zm0-2.925h4.2V3.4H6.4zM2.05 13.3q-.563 0-.956-.394A1.3 1.3 0 0 1 .7 11.95v-9.9q0-.563.394-.956Q1.487.7 2.05.7h9.9q.563 0 .956.394.394.393.394.956v9.9q0 .563-.394.956a1.3 1.3 0 0 1-.956.394zm0-1.35h9.9v-9.9h-9.9z'/%3E%3Cpath fill='%2335383e' d='M3.641 8.354 3.3 3.401h1.755l-.341 4.953zm-.28 2.247V8.996h1.644v1.605z'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
}
.doka-notification-panel-item .doka-avatar-orders.doka-avatar {
  background-color: var(--color-chart-category10-light);
  color: var(--color-text-default);
}
.doka-notification-panel-item .doka-avatar-orders.doka-avatar:before {
  font-family: Material Symbols Outlined;
  font-size: 1.125rem;
  font-variation-settings: "FILL" 0, "opsz" 18;
  font-weight: 400;
  --tw-content: "playlist_add_check";
  content: var(--tw-content);
}
.doka-notification-panel-item .doka-avatar-general.doka-avatar {
  background-color: var(--color-background-highlight);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' fill='none' viewBox='0 0 14 12'%3E%3Cpath fill='%23004588' d='M5.933 1.63 2.419 4.084v1.564l3.514-1.824 5.648 2.361V5.022zM13.545 9.048l-7.615-1.3-3.51.746v1.585h11.125z'/%3E%3Cpath fill='%23004588' d='M13.545 7.444 5.93 4.665 2.42 6.26v1.731l3.51-1.03 7.615 1.708z'/%3E%3Cpath fill='%23004588' d='M13.545 11.823v-.837H1.397V1.013h11.206v5.17h.94V.174H.455v11.652'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
}
.doka-notification-panel-item .doka-avatar-transfers.doka-avatar {
  background-color: var(--color-chart-category3-light);
  color: var(--color-text-default);
}
.doka-notification-panel-item .doka-avatar-transfers.doka-avatar:before {
  font-family: Material Symbols Outlined;
  font-size: 1.125rem;
  font-variation-settings: "FILL" 0, "opsz" 18;
  font-weight: 400;
  --tw-content: "swap_horiz";
  content: var(--tw-content);
}
.doka-notification-panel-item .doka-notification-indicator {
  border-color: var(--color-border-inverted);
  border-style: solid;
  border-width: 1px;
  height: .5rem;
  left: 1rem;
  position: absolute;
  top: 1rem;
  width: .5rem;
}
.doka-breadcrumbs {
  align-items: center;
  display: flex;
  gap: var(--spacing-sm);
  list-style-type: none;
}
.doka-breadcrumbs > :nth-child(n) {
  color: var(--color-text-accent);
  display: contents;
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
}
.doka-breadcrumbs > :first-child a {
  display: flex;
}
.doka-breadcrumbs > :first-child a:before {
  color: var(--color-icon-accent);
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  --tw-content: "home";
  content: var(--tw-content);
}
.doka-breadcrumbs > :last-child {
  color: var(--color-text-default);
  display: flex;
}
.doka-breadcrumbs > :nth-child(n):not(:last-child):after {
  color: var(--color-icon-accent);
  font-family: Material Symbols Outlined;
  font-size: 1.125rem;
  font-variation-settings: "FILL" 0, "opsz" 18;
  font-weight: 400;
  --tw-content: "chevron_right";
  content: var(--tw-content);
}
.doka-breadcrumbs > :nth-child(n):not(:first-child) a {
  color: var(--color-text-accent);
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
}
.doka-breadcrumbs > :nth-child(n):not(:first-child) a:visited {
  color: var(--color-text-accent);
}
.doka-breadcrumbs > :nth-child(n):not(:first-child) a {
  position: relative;
  text-decoration-line: none;
}
.doka-breadcrumbs > :nth-child(n):not(:first-child) a:hover {
  text-decoration-line: underline;
}
.doka-breadcrumbs > :nth-child(n):not(:first-child) a:focus {
  text-decoration-line: underline;
}
.doka-breadcrumbs > :nth-child(n):not(:first-child) a {
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-duration: .15s;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.doka-pagination {
  color: var(--color-text-default);
  flex-wrap: nowrap;
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  gap: var(--spacing-lg);
  justify-content: space-between;
  letter-spacing: 0;
  line-height: 1.5rem;
  text-wrap: nowrap;
}
.doka-pagination,
.doka-pagination-items {
  display: flex;
}
.doka-pagination-items {
  align-items: center;
  gap: var(--spacing-base);
}
.doka-pagination-items .doka-select-wrapper {
  width: 88px;
}
.doka-pagination-items .doka-select-wrapper:after {
  content: var(--tw-content);
  top: .625rem;
}
.doka-pagination-navigation {
  align-items: center;
  display: flex;
  gap: var(--spacing-lg);
}
.doka-pagination-navigation-group {
  align-items: center;
  display: flex;
  gap: var(--spacing-sm);
}
.doka-pagination-navigation-group .doka-text-field {
  width: 3.5rem;
}
.doka-pagination-previous:before {
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  --tw-content: "chevron_left";
  content: var(--tw-content);
}
.doka-pagination-next:before {
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  --tw-content: "chevron_right";
  content: var(--tw-content);
}
.doka-pagination-first:before {
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  --tw-content: "keyboard_double_arrow_left";
  content: var(--tw-content);
}
.doka-pagination-last:before {
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  --tw-content: "keyboard_double_arrow_right";
  content: var(--tw-content);
}
.doka-tabs {
  border-bottom-width: 1px;
  border-color: var(--color-border-light);
  border-style: solid;
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: var(--spacing-2xl);
  width: 100%;
}
.doka-tabs > :nth-child(n) {
  width: fit-content;
}
.doka-tabs-grow > :nth-child(n) {
  justify-content: center;
  width: 100%;
}
.doka-tabs-tab {
  align-items: center;
  border-bottom: 3px;
  border-color: transparent;
  border-style: solid;
  color: var(--color-text-default);
  cursor: pointer;
  display: flex;
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  gap: var(--spacing-sm);
  letter-spacing: 0;
  line-height: 1.5rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
  overflow: hidden;
  padding-bottom: var(--spacing-lg);
  padding-left: var(--spacing-lg);
  padding-right: var(--spacing-lg);
  text-overflow: ellipsis;
  text-wrap: nowrap;
}
.doka-tabs-tab:hover {
  border-color: var(--color-border-light);
}
.doka-tabs-tab:focus {
  border-color: var(--color-border-default);
}
.doka-tabs-tab {
  transition-duration: .15s;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.doka-tabs-tab-selected {
  border-color: var(--color-border-accent);
}
.doka-tabs-tab-selected:hover {
  border-color: var(--color-border-accent);
}
.doka-tabs-tab-selected:focus {
  border-color: var(--color-border-accent);
}
.doka-tabs-tab-disabled {
  border-color: transparent;
  color: var(--color-text-disabled);
  cursor: not-allowed;
}
.doka-tabs-tab-disabled:hover {
  border-color: transparent;
}
.doka-tabs-tab-disabled:focus {
  border-color: transparent;
}
.doka-tabs-tab-disabled .doka-tabs-tab-label {
  color: var(--color-text-disabled);
}
.doka-tabs-tab-disabled .doka-tabs-tab-icon {
  color: var(--color-icon-disabled);
}
.doka-tabs-tab .doka-badge {
  margin-left: .25rem;
}
.doka-tabs-tab-icon {
  color: var(--color-icon-default);
  font-family: Material Symbols Outlined;
  font-size: 1.125rem;
  font-variation-settings: "FILL" 0, "opsz" 18;
  font-weight: 400;
}
.doka-tabs-tab-label {
  color: var(--color-text-default);
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: nowrap;
}
.doka-link {
  color: var(--color-text-accent);
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
}
.doka-link:visited {
  color: var(--color-text-accent);
}
.doka-link {
  position: relative;
  text-decoration-line: none;
}
.doka-link:hover {
  text-decoration-line: underline;
}
.doka-link:focus {
  text-decoration-line: underline;
}
.doka-link {
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-duration: .15s;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.doka-link.doka-link-disabled {
  color: var(--color-text-disabled-light);
}
.doka-link.doka-link-disabled:visited {
  color: var(--color-text-disabled-light);
}
.doka-link.doka-link-disabled:hover {
  text-decoration-line: none;
}
.doka-link.doka-link-disabled:focus {
  text-decoration-line: none;
}
.doka-link.doka-link-disabled {
  cursor: not-allowed;
}
.doka-link.doka-link-disabled:active {
  pointer-events: none;
}
.doka-link.doka-link-disabled:before {
  color: var(--color-icon-disabled-light);
  content: var(--tw-content);
}
.doka-link.doka-link-disabled:after {
  color: var(--color-icon-disabled-light);
  content: var(--tw-content);
}
.doka-link.doka-link-external {
  display: inline-block;
  margin-right: 1.25rem;
}
.doka-link.doka-link-external:after {
  color: var(--color-icon-accent);
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  padding-left: var(--spacing-sm);
  position: absolute;
  --tw-content: "open_in_new";
  content: var(--tw-content);
}
.doka-link.doka-link-mail {
  display: inline-block;
  margin-left: 1.25rem;
}
.doka-link.doka-link-mail:before {
  color: var(--color-icon-accent);
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  left: -1.25rem;
  position: absolute;
  --tw-content: "mail";
  content: var(--tw-content);
}
.doka-link.doka-link-phone {
  display: inline-block;
  margin-left: 1.25rem;
}
.doka-link.doka-link-phone:before {
  color: var(--color-icon-accent);
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  left: -1.25rem;
  position: absolute;
  --tw-content: "phone";
  content: var(--tw-content);
}
.doka-link.doka-link-smartphone {
  display: inline-block;
  margin-left: 1.25rem;
}
.doka-link.doka-link-smartphone:before {
  color: var(--color-icon-accent);
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  left: -1.25rem;
  position: absolute;
  --tw-content: "smartphone";
  content: var(--tw-content);
}
.doka-link.doka-link-address {
  display: inline-block;
  margin-left: 1.25rem;
}
.doka-link.doka-link-address:before {
  color: var(--color-icon-accent);
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  left: -1.25rem;
  position: absolute;
  --tw-content: "location_on";
  content: var(--tw-content);
}
.doka-filter-bar .doka-search-field-container {
  width: 100%;
}
.doka-filter-bar-range-inputs .doka-date-input-wrapper {
  min-width: 8rem;
}
.doka-image {
  align-items: center;
  background-color: var(--color-background-default);
  border-color: var(--color-border-ultra-light);
  border-radius: .25rem;
  border-style: solid;
  border-width: 1px;
  display: flex;
  height: 5rem;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: 5rem;
}
.doka-image:has(.doka-image-alert-indicator) {
  border-color: var(--color-border-alert);
}
.doka-image.doka-image-extra-small {
  height: 2rem;
  min-height: 2rem;
  min-width: 2rem;
  width: 2rem;
}
.doka-image.doka-image-extra-small .doka-image-content-padded {
  padding: .25rem;
}
.doka-image.doka-image-extra-small .doka-image-alert-indicator {
  display: none;
}
.doka-image.doka-image-extra-small .doka-image-content {
  font-family: Material Symbols Outlined;
  font-size: 1.125rem;
  font-variation-settings: "FILL" 0, "opsz" 18;
  font-weight: 400;
}
.doka-image.doka-image-medium {
  height: 6rem;
  min-height: 6rem;
  min-width: 6rem;
  width: 6rem;
}
.doka-image.doka-image-medium .doka-image-content-padded {
  padding: .5rem;
}
.doka-image.doka-image-large {
  height: 8rem;
  min-height: 8rem;
  min-width: 8rem;
  width: 8rem;
}
.doka-image.doka-image-large .doka-image-content-padded {
  padding: .75rem;
}
.doka-image.doka-image-extra-large {
  height: 400px;
  min-height: 400px;
  min-width: 400px;
  width: 400px;
}
.doka-image.doka-image-extra-large .doka-image-content-padded {
  padding: 1.5rem;
}
.doka-image.doka-image-full {
  height: 100%;
  width: 100%;
}
.doka-image.doka-image-full .doka-image-content-padded {
  padding: 1.5rem;
}
.doka-image.doka-image-full .doka-image-alert-indicator {
  display: none;
}
.doka-image.doka-image-full:has(.doka-image-alert-indicator) {
  border-color: var(--color-border-ultra-light);
}
.doka-image-content {
  align-items: center;
  aspect-ratio: 1/1;
  color: var(--color-icon-default);
  display: flex;
  font-family: Material Symbols Outlined;
  font-size: 2rem;
  font-variation-settings: "FILL" 0, "opsz" 32;
  font-weight: 400;
  height: 100%;
  justify-content: center;
  -o-object-fit: fill;
  object-fit: fill;
  width: 100%;
}
.doka-image-content.doka-image-content-success {
  color: var(--color-icon-success);
}
.doka-image-content.doka-image-content-alert {
  color: var(--color-icon-alert);
}
.doka-image-content.doka-image-content-warning {
  color: var(--color-icon-warning);
}
.doka-image-content.doka-image-content-information {
  color: var(--color-icon-information);
}
.doka-image-content.doka-image-content-padded {
  -o-object-fit: contain;
  object-fit: contain;
  padding: .25rem;
}
.doka-image-content.doka-image-content-placeholder {
  background-color: var(--color-background-gray-ultra-light);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' fill='none' viewBox='0 0 64 64'%3E%3Cg clip-path='url(%23a)'%3E%3Cmask id='b' width='64' height='64' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M64 0H0v64h64z'/%3E%3C/mask%3E%3Cg mask='url(%23b)'%3E%3Cpath fill='%23d8d9df' fill-rule='evenodd' d='M17.734 20.523a1.4 1.4 0 0 1 1.388-1.39h25.223a1.39 1.39 0 0 1 1.389 1.39v22.42a1.4 1.4 0 0 1-1.39 1.39H19.123a1.39 1.39 0 0 1-1.388-1.39zm25.2 1.41h-22.4v19.6L33.543 28.52a1.4 1.4 0 0 1 1.98 0l7.41 7.426zm-19.6 5.6a2.8 2.8 0 1 0 5.6 0 2.8 2.8 0 0 0-5.6 0' clip-rule='evenodd'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h64v64H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}
.doka-image.doka-image-editable {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.doka-image.doka-image-editable.doka-image-extra-small:before {
  content: var(--tw-content);
  font-family: Material Symbols Outlined;
  font-size: .75rem;
  font-variation-settings: "FILL" 0, "opsz" 12;
  font-weight: 400;
}
.doka-image.doka-image-editable.doka-image-full:before {
  content: var(--tw-content);
  display: none;
}
.doka-image.doka-image-editable:before {
  bottom: 0;
  color: var(--color-icon-inverted);
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  --tw-content: "edit";
  content: var(--tw-content);
}
.doka-image.doka-image-editable:hover:before {
  opacity: 1;
  transition-duration: .15s;
  transition-property: all;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.doka-image.doka-image-editable:before {
  align-items: center;
  background-color: rgba(34, 39, 44, .6);
  display: flex;
  justify-content: center;
}
.doka-image.doka-image-editable:hover:has(.doka-image-content-placeholder) {
  border-color: transparent;
}
.doka-image.doka-image-editable:hover .doka-image-alert-indicator:before {
  color: transparent;
  content: var(--tw-content);
}
.doka-image.doka-image-zoom {
  cursor: zoom-in;
}
.doka-image.doka-image-zoom.doka-image-extra-large:not(:has(.doka-image-content-placeholder)) .doka-image-zoom-indicator {
  display: inline-flex;
}
.doka-image.doka-image-zoom.doka-image-full {
  cursor: default;
}
.doka-image.doka-image-zoom .doka-image-zoom-indicator {
  align-items: center;
  border-radius: .375rem;
  bottom: .5rem;
  color: var(--color-text-accent);
  display: none;
  font-family: Soehne, sans-serif;
  font-size: .75rem;
  font-style: normal;
  font-weight: 400;
  height: 1.5rem;
  left: .5rem;
  letter-spacing: 0;
  line-height: 1.125rem;
  padding-left: var(--spacing-base);
  padding-right: var(--spacing-base);
  position: absolute;
  width: fit-content;
}
.doka-image.doka-image-zoom .doka-image-zoom-indicator:before {
  color: var(--color-icon-accent);
  font-family: Material Symbols Outlined;
  font-size: .75rem;
  font-variation-settings: "FILL" 0, "opsz" 12;
  font-weight: 400;
  margin-right: var(--spacing-sm);
  --tw-content: "open_in_full";
  content: var(--tw-content);
}
.doka-image.doka-image-zoom .doka-image-zoom-indicator {
  background-color: hsla(0, 0%, 100%, .9);
}
.doka-image-alert-indicator {
  position: absolute;
  right: -.125rem;
  top: -.125rem;
}
.doka-image-alert-indicator:before {
  color: var(--color-icon-alert);
  font-family: Material Symbols Outlined;
  font-size: 1.125rem;
  font-variation-settings: "FILL" 1, "opsz" 18;
  font-weight: 600;
  margin-right: var(--spacing-sm);
  --tw-content: "error";
  content: var(--tw-content);
}
.doka-treeview-item-content .doka-checkbox-label {
  max-width: 100%;
}
.doka-treeview-item-content .doka-checkbox-description {
  text-align: left;
}
.doka-treeview-item:has(.doka-checkbox:disabled) .doka-treeview-item-content {
  cursor: not-allowed;
}
.doka-treeview-item:hover:has(.doka-checkbox:disabled) .doka-treeview-item-content {
  background-color: var(--color-background-action);
}
.doka-treeview-item:focus:has(.doka-checkbox:disabled) .doka-treeview-item-content {
  background-color: var(--color-background-action);
}
.doka-treeview-item:has(.doka-checkbox:disabled) .doka-treeview-item-content:after {
  color: var(--color-icon-disabled);
  content: var(--tw-content);
}
.doka-status-indicator {
  color: var(--color-text-default);
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
  padding-left: .875rem;
  position: relative;
}
.doka-status-indicator:before {
  background-color: var(--color-background-accent);
  border-radius: 9999px;
  content: var(--tw-content);
  height: .375rem;
  left: 0;
  position: absolute;
  top: .5rem;
  width: .375rem;
}
.doka-status-indicator-warning:before {
  background-color: var(--color-background-warning);
  content: var(--tw-content);
}
.doka-status-indicator-success:before {
  background-color: var(--color-background-success);
  content: var(--tw-content);
}
.doka-status-indicator-alert:before {
  background-color: var(--color-background-alert);
  content: var(--tw-content);
}
.doka-status-indicator-neutral:before {
  background-color: var(--color-background-gray-light);
  content: var(--tw-content);
}
.doka-link {
  color: var(--color-text-accent);
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
}
.doka-link:visited {
  color: var(--color-text-accent);
}
.doka-link {
  position: relative;
  text-decoration-line: none;
}
.doka-link:hover {
  text-decoration-line: underline;
}
.doka-link:focus {
  text-decoration-line: underline;
}
.doka-link {
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-duration: .15s;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.doka-link.doka-link-disabled {
  color: var(--color-text-disabled-light);
}
.doka-link.doka-link-disabled:visited {
  color: var(--color-text-disabled-light);
}
.doka-link.doka-link-disabled:hover {
  text-decoration-line: none;
}
.doka-link.doka-link-disabled:focus {
  text-decoration-line: none;
}
.doka-link.doka-link-disabled {
  cursor: not-allowed;
}
.doka-link.doka-link-disabled:active {
  pointer-events: none;
}
.doka-link.doka-link-disabled:before {
  color: var(--color-icon-disabled-light);
  content: var(--tw-content);
}
.doka-link.doka-link-disabled:after {
  color: var(--color-icon-disabled-light);
  content: var(--tw-content);
}
.doka-link.doka-link-external {
  display: inline-block;
  margin-right: 1.25rem;
}
.doka-link.doka-link-external:after {
  color: var(--color-icon-accent);
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  padding-left: var(--spacing-sm);
  position: absolute;
  --tw-content: "open_in_new";
  content: var(--tw-content);
}
.doka-link.doka-link-mail {
  display: inline-block;
  margin-left: 1.25rem;
}
.doka-link.doka-link-mail:before {
  color: var(--color-icon-accent);
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  left: -1.25rem;
  position: absolute;
  --tw-content: "mail";
  content: var(--tw-content);
}
.doka-link.doka-link-phone {
  display: inline-block;
  margin-left: 1.25rem;
}
.doka-link.doka-link-phone:before {
  color: var(--color-icon-accent);
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  left: -1.25rem;
  position: absolute;
  --tw-content: "phone";
  content: var(--tw-content);
}
.doka-link.doka-link-smartphone {
  display: inline-block;
  margin-left: 1.25rem;
}
.doka-link.doka-link-smartphone:before {
  color: var(--color-icon-accent);
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  left: -1.25rem;
  position: absolute;
  --tw-content: "smartphone";
  content: var(--tw-content);
}
.doka-link.doka-link-address {
  display: inline-block;
  margin-left: 1.25rem;
}
.doka-link.doka-link-address:before {
  color: var(--color-icon-accent);
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  left: -1.25rem;
  position: absolute;
  --tw-content: "location_on";
  content: var(--tw-content);
}
.doka-meta-header.doka-card {
  align-items: stretch;
  padding: 0;
  width: 100%;
}
.doka-meta-header-body-content-section .doka-link {
  width: fit-content;
}
.doka-map .doka-empty-state-compact {
  margin: 0;
}
.doka-segmented-control {
  background-color: var(--color-background-action-hover);
  display: flex;
  flex-direction: row;
  overflow: hidden;
  --tw-shadow: var(--shadow-none);
  --tw-shadow-colored: var(--shadow-none);
  border-radius: .375rem;
  box-shadow:
    var(--tw-ring-offset-shadow,0 0 transparent),
    var(--tw-ring-shadow,0 0 transparent),
    var(--tw-shadow);
  padding: var(--spacing-sm);
  position: relative;
  transition-duration: .15s;
  transition-property: all;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  width: 100%;
}
.doka-segmented-control:has(.doka-segmented-control-entry:nth-of-type(2)) .doka-segmented-control-background {
  width: calc(50% - 4px);
}
.doka-segmented-control:has(.doka-segmented-control-entry:nth-of-type(3)) .doka-segmented-control-background {
  width: calc(33.33333% - 3px);
}
.doka-segmented-control:has(.doka-segmented-control-entry:nth-of-type(4)) .doka-segmented-control-background {
  width: calc(25% - 2px);
}
.doka-segmented-control:has(.doka-segmented-control-entry:first-of-type > .doka-segmented-control-entry-input:checked) .doka-segmented-control-background {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.doka-segmented-control:has(.doka-segmented-control-entry:nth-of-type(2) > .doka-segmented-control-entry-input:checked) .doka-segmented-control-background {
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.doka-segmented-control:has(.doka-segmented-control-entry:nth-of-type(3) > .doka-segmented-control-entry-input:checked) .doka-segmented-control-background {
  --tw-translate-x: 200%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.doka-segmented-control:has(.doka-segmented-control-entry:nth-of-type(4) > .doka-segmented-control-entry-input:checked) .doka-segmented-control-background {
  --tw-translate-x: 300%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.doka-segmented-control:not(:has(.doka-segmented-control-entry-input:checked)) .doka-segmented-control-background {
  display: none;
}
.doka-segmented-control:not(:has(.doka-segmented-control-entry-input:enabled)) .doka-segmented-control-background {
  display: none;
}
.doka-segmented-control-background {
  background-color: var(--color-background-default);
  bottom: 0;
  left: 0;
  margin-bottom: var(--spacing-sm);
  margin-left: var(--spacing-sm);
  margin-top: var(--spacing-sm);
  position: absolute;
  top: 0;
  --tw-shadow: var(--shadow-base);
  --tw-shadow-colored: var(--shadow-base);
  box-shadow:
    var(--tw-ring-offset-shadow,0 0 transparent),
    var(--tw-ring-shadow,0 0 transparent),
    var(--tw-shadow);
  transition-duration: .5s;
  transition-property: all;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.doka-segmented-control-background,
.doka-segmented-control-entry {
  border-radius: 4px;
}
.doka-segmented-control-entry {
  cursor: pointer;
  display: flex;
  gap: var(--spacing-sm);
  justify-content: center;
  padding: .25rem 1.25rem;
  width: 100%;
}
.doka-segmented-control-entry:hover:not(:has(.doka-segmented-control-entry-input:checked, .doka-segmented-control-entry-input:disabled)) {
  background-color: var(--color-background-action-focus);
}
.doka-segmented-control-entry:focus:not(:has(.doka-segmented-control-entry-input:checked, .doka-segmented-control-entry-input:disabled)) {
  background-color: var(--color-background-action-focus);
}
.doka-segmented-control-entry {
  overflow: hidden;
  text-overflow: ellipsis;
  z-index: 2;
}
.doka-segmented-control-entry:has(.doka-segmented-control-entry-input:disabled) {
  cursor: not-allowed;
}
.doka-segmented-control-entry:has(.doka-segmented-control-entry-input:disabled) .doka-segmented-control-entry-label {
  color: var(--color-text-disabled);
}
.doka-segmented-control-entry:has(.doka-segmented-control-entry-input:disabled) .doka-segmented-control-entry-icon {
  color: var(--color-icon-disabled);
}
.doka-segmented-control-entry-input {
  display: none;
}
.doka-segmented-control-entry-label {
  color: var(--color-text-default);
  font-family: Soehne, sans-serif;
  font-style: normal;
  letter-spacing: 0;
  line-height: 1.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: fit-content;
}
.doka-segmented-control-entry-icon,
.doka-segmented-control-entry-label {
  font-size: 1rem;
  font-weight: 400;
}
.doka-segmented-control-entry-icon {
  color: var(--color-icon-default);
  font-family: Material Symbols Outlined;
  font-variation-settings: "FILL" 0, "opsz" 16;
}
.doka-segmented-control-label {
  color: var(--color-text-default);
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.doka-segmented-control-description {
  color: var(--color-text-ultra-light);
}
.doka-segmented-control-alert-message,
.doka-segmented-control-description {
  font-family: Soehne, sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  word-wrap: break-word;
  font-size: .875rem;
}
.doka-segmented-control-information-message {
  display: inline-flex;
  font-family: Soehne, sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  overflow: auto;
  width: 100%;
  word-wrap: break-word;
  font-size: .875rem;
}
.doka-segmented-control-information-message:before {
  font-family: Material Symbols Outlined;
  font-size: 1rem;
  font-variation-settings: "FILL" 0, "opsz" 16;
  font-weight: 400;
  padding-right: .25rem;
}
.doka-segmented-control-information-message {
  color: var(--color-text-information);
}
.doka-segmented-control-information-message:before {
  color: var(--color-icon-information);
  --tw-content: "info";
  content: var(--tw-content);
}
.doka-segmented-control-information-message {
  margin-top: var(--spacing-sm);
}
.doka-segmented-control-container {
  display: grid;
  height: fit-content;
}
.doka-segmented-control-container:has(.doka-segmented-control-label) .doka-segmented-control {
  margin-top: .25rem;
}
.doka-segmented-control-container:has(.doka-segmented-control-description) .doka-segmented-control {
  margin-top: .25rem;
}
.doka-segmented-control-container:has(.doka-segmented-control-label) .doka-segmented-control-description {
  margin-top: -.25rem;
}
.doka-segmented-control-container-required .doka-segmented-control-label:after {
  --tw-content: "*";
  color: var(--color-icon-alert);
  content: var(--tw-content);
  font-family: Soehne, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
}
:root {
  --color-icon-default: #66676B;
  --color-icon-inverted: #FFFFFF;
  --color-icon-alert-dark: #d0122f;
  --color-icon-alert: #ef4444;
  --color-icon-warning-dark: #b6620d;
  --color-icon-warning: #f0902e;
  --color-icon-success-dark: #028030;
  --color-icon-success: #0fc551;
  --color-icon-information: #649fda;
  --color-icon-accent: #004588;
  --color-icon-disabled-light: #D8D9DF;
  --color-icon-disabled: #C1C2C6;
  --color-background-default: #FFFFFF;
  --color-background-inverted: #22252D;
  --color-background-accent: #004588;
  --color-background-accent-hover: #003b74;
  --color-background-accent-focus: #00305f;
  --color-background-highlight: #ffdd00;
  --color-background-highlight-hover: #f0cc00;
  --color-background-highlight-focus: #e0bb00;
  --color-background-danger: #FFFFFF;
  --color-background-danger-hover: #fdf3ed;
  --color-background-danger-focus: #fce5da;
  --color-background-action: #FFFFFF;
  --color-background-action-hover: #F0F2F6;
  --color-background-action-focus: #E9EBF2;
  --color-background-alert: #ec1e2e;
  --color-background-alert-light: #fce5da;
  --color-background-alert-ultra-light: #fdf3ed;
  --color-background-warning: #e67c10;
  --color-background-warning-light: #fbe1c7;
  --color-background-warning-ultra-light: #fcebda;
  --color-background-success: #0fc551;
  --color-background-success-light: #d8fbe5;
  --color-background-success-ultra-light: #edfff4;
  --color-background-information: #478dd3;
  --color-background-information-light: #e0ecf8;
  --color-background-information-ultra-light: #f0f6fc;
  --color-background-disabled: #F0F2F6;
  --color-background-gray-ultra-ultra-light: #F9FAFB;
  --color-background-gray-ultra-light: #F0F2F6;
  --color-background-gray-light: #E9EBF2;
  --color-background-gray: #D8D9DF;
  --color-background-gray-strong: #C1C2C6;
  --color-border-inverted: #FFFFFF;
  --color-border-disabled: #D8D9DF;
  --color-border-light: #C1C2C6;
  --color-border-ultra-light: #E9EBF2;
  --color-border-default: #A4A5A8;
  --color-border-strong: #87878C;
  --color-border-accent: #004588;
  --color-border-accent-light: #bfd7f0;
  --color-border-alert: #ef4444;
  --color-border-warning: #f0902e;
  --color-border-success: #2dda6b;
  --color-border-information: #649fda;
  --color-border-transparent: transparent;
  --color-text-default: #35383E;
  --color-text-inverted: #FFFFFF;
  --color-text-light: #66676B;
  --color-text-ultra-light: #A4A5A8;
  --color-text-placeholder: #C1C2C6;
  --color-text-disabled: #C1C2C6;
  --color-text-disabled-light: #D8D9DF;
  --color-text-accent: #004588;
  --color-text-alert-dark: #d0122f;
  --color-text-alert: #ef4444;
  --color-text-alert-light: #f2746a;
  --color-text-warning-dark: #b6620d;
  --color-text-warning: #f0902e;
  --color-text-success-dark: #028030;
  --color-text-success: #0fc551;
  --color-text-information: #649fda;
  --color-chart-category1: #00AEB2;
  --color-chart-category1-light: #74C9C9;
  --color-chart-category2: #192A67;
  --color-chart-category2-light: #556795;
  --color-chart-category3: #FFF155;
  --color-chart-category3-light: #FFF695;
  --color-chart-category4: #2561AC;
  --color-chart-category4-light: #6790C7;
  --color-chart-category5: #7B5C99;
  --color-chart-category5-light: #A18BB8;
  --color-chart-category6: #A2C04C;
  --color-chart-category6-light: #BDD388;
  --color-chart-category7: #AEC2C9;
  --color-chart-category7-light: #C6D4D9;
  --color-chart-category8: #FF7246;
  --color-chart-category8-light: #FFA081;
  --color-chart-category9: #45B4D9;
  --color-chart-category9-light: #86CBE4;
  --color-chart-category10: #F3A93A;
  --color-chart-category10-light: #F5CE7B;
  --color-chart-category11: #00897B;
  --color-chart-category11-light: #69ACA1;
  --color-chart-category12: #E61861;
  --color-chart-category12-light: #F6748E;
  --spacing-xs: 0.125rem;
  --spacing-sm: 0.25rem;
  --spacing-base: 0.5rem;
  --spacing-md: 0.75rem;
  --spacing-lg: 1rem;
  --spacing-xl: 1.25rem;
  --spacing-2xl: 1.5rem;
  --spacing-3xl: 2rem;
  --spacing-4xl: 3rem;
  --shadow-none: 0px 0px 0px 0px rgba(0, 0, 0, 0.00);
  --shadow-sm: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
  --shadow-base: 0px 1px 2px 0px rgba(0, 0, 0, 0.10);
  --shadow-md: 0px 2px 4px 0px rgba(0, 0, 0, 0.10);
  --shadow-lg: 0px 4px 8px 0px rgba(0, 0, 0, 0.10);
  --shadow-xl: 0px 8px 16px 0px rgba(0, 0, 0, 0.10);
  --shadow-2xl: 0px 16px 24px 0px rgba(0, 0, 0, 0.10);
}
.doka-pointer-events-none {
  pointer-events: none !important;
}
.doka-absolute {
  position: absolute !important;
}
.doka-relative {
  position: relative !important;
}
.doka-right-0 {
  right: 0px !important;
}
.doka-top-0 {
  top: 0px !important;
}
.doka-z-10 {
  z-index: 10 !important;
}
.doka-col-span-2 {
  grid-column: span 2 / span 2 !important;
}
.doka-col-span-full {
  grid-column: 1 / -1 !important;
}
.doka-mb-0 {
  margin-bottom: 0px !important;
}
.doka-mb-2 {
  margin-bottom: 0.5rem !important;
}
.doka-mb-4 {
  margin-bottom: 1rem !important;
}
.doka-ml-1 {
  margin-left: 0.25rem !important;
}
.doka-ml-2 {
  margin-left: 0.5rem !important;
}
.doka-ml-\[20rem\] {
  margin-left: 20rem !important;
}
.doka-ml-auto {
  margin-left: auto !important;
}
.doka-ml-base {
  margin-left: var(--spacing-base) !important;
}
.doka-mr-2 {
  margin-right: 0.5rem !important;
}
.doka-mr-\[20rem\] {
  margin-right: 20rem !important;
}
.doka-mt-2 {
  margin-top: 0.5rem !important;
}
.doka-mt-2xl {
  margin-top: var(--spacing-2xl) !important;
}
.doka-mt-4 {
  margin-top: 1rem !important;
}
.doka-mt-6 {
  margin-top: 1.5rem !important;
}
.doka-mt-base {
  margin-top: var(--spacing-base) !important;
}
.doka-mt-lg {
  margin-top: var(--spacing-lg) !important;
}
.doka-mt-md {
  margin-top: var(--spacing-md) !important;
}
.doka-block {
  display: block !important;
}
.doka-inline-block {
  display: inline-block !important;
}
.doka-flex {
  display: flex !important;
}
.doka-table {
  display: table !important;
}
.doka-grid {
  display: grid !important;
}
.\!doka-hidden {
  display: none !important;
}
.doka-hidden {
  display: none !important;
}
.doka-h-10 {
  height: 2.5rem !important;
}
.doka-h-16 {
  height: 4rem !important;
}
.doka-h-24 {
  height: 6rem !important;
}
.doka-h-3 {
  height: 0.75rem !important;
}
.doka-h-6 {
  height: 1.5rem !important;
}
.doka-h-8 {
  height: 2rem !important;
}
.doka-h-\[163px\] {
  height: 163px !important;
}
.doka-h-fit {
  height: fit-content !important;
}
.doka-h-full {
  height: 100% !important;
}
.doka-max-h-40 {
  max-height: 10rem !important;
}
.doka-max-h-\[300px\] {
  max-height: 300px !important;
}
.doka-max-h-\[500px\] {
  max-height: 500px !important;
}
.doka-max-h-\[700px\] {
  max-height: 700px !important;
}
.doka-min-h-14 {
  min-height: 3.5rem !important;
}
.doka-w-10 {
  width: 2.5rem !important;
}
.doka-w-14 {
  width: 3.5rem !important;
}
.doka-w-20 {
  width: 5rem !important;
}
.doka-w-24 {
  width: 6rem !important;
}
.doka-w-28 {
  width: 7rem !important;
}
.doka-w-3 {
  width: 0.75rem !important;
}
.doka-w-40 {
  width: 10rem !important;
}
.doka-w-44 {
  width: 11rem !important;
}
.doka-w-48 {
  width: 12rem !important;
}
.doka-w-6 {
  width: 1.5rem !important;
}
.doka-w-64 {
  width: 16rem !important;
}
.doka-w-8 {
  width: 2rem !important;
}
.doka-w-9 {
  width: 2.25rem !important;
}
.doka-w-\[250px\] {
  width: 250px !important;
}
.doka-w-\[320px\] {
  width: 320px !important;
}
.doka-w-\[380px\] {
  width: 380px !important;
}
.doka-w-\[400px\] {
  width: 400px !important;
}
.doka-w-\[450px\] {
  width: 450px !important;
}
.doka-w-\[500px\] {
  width: 500px !important;
}
.doka-w-\[630px\] {
  width: 630px !important;
}
.doka-w-\[700px\] {
  width: 700px !important;
}
.doka-w-\[80px\] {
  width: 80px !important;
}
.doka-w-\[850px\] {
  width: 850px !important;
}
.doka-w-fit {
  width: fit-content !important;
}
.doka-w-full {
  width: 100% !important;
}
.doka-min-w-0 {
  min-width: 0px !important;
}
.doka-min-w-32 {
  min-width: 8rem !important;
}
.doka-min-w-\[150px\] {
  min-width: 150px !important;
}
.doka-min-w-\[200px\] {
  min-width: 200px !important;
}
.doka-min-w-\[500px\] {
  min-width: 500px !important;
}
.doka-max-w-96 {
  max-width: 24rem !important;
}
.doka-max-w-\[300px\] {
  max-width: 300px !important;
}
.doka-max-w-\[400px\] {
  max-width: 400px !important;
}
.doka-max-w-\[500px\] {
  max-width: 500px !important;
}
.doka-max-w-md {
  max-width: 28rem !important;
}
.doka-max-w-none {
  max-width: none !important;
}
.doka-flex-1 {
  flex: 1 1 0% !important;
}
.doka-flex-shrink-0 {
  flex-shrink: 0 !important;
}
.doka-shrink-0 {
  flex-shrink: 0 !important;
}
.doka-flex-grow {
  flex-grow: 1 !important;
}
.doka-grow {
  flex-grow: 1 !important;
}
.-doka-translate-y-1\/3 {
  --tw-translate-y: -33.333333% !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.doka-translate-x-1\/3 {
  --tw-translate-x: 33.333333% !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.doka-cursor-not-allowed {
  cursor: not-allowed !important;
}
.doka-cursor-pointer {
  cursor: pointer !important;
}
.doka-select-none {
  -webkit-user-select: none !important;
  user-select: none !important;
}
.doka-grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.doka-grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.doka-grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.doka-grid-cols-\[1fr_auto_1fr\] {
  grid-template-columns: 1fr auto 1fr !important;
}
.doka-flex-row {
  flex-direction: row !important;
}
.doka-flex-row-reverse {
  flex-direction: row-reverse !important;
}
.doka-flex-col {
  flex-direction: column !important;
}
.doka-items-end {
  align-items: flex-end !important;
}
.doka-items-center {
  align-items: center !important;
}
.doka-items-baseline {
  align-items: baseline !important;
}
.doka-items-stretch {
  align-items: stretch !important;
}
.doka-justify-end {
  justify-content: flex-end !important;
}
.doka-justify-center {
  justify-content: center !important;
}
.doka-justify-between {
  justify-content: space-between !important;
}
.doka-gap-0 {
  gap: 0px !important;
}
.doka-gap-1 {
  gap: 0.25rem !important;
}
.doka-gap-2 {
  gap: 0.5rem !important;
}
.doka-gap-20 {
  gap: 5rem !important;
}
.doka-gap-2xl {
  gap: var(--spacing-2xl) !important;
}
.doka-gap-3 {
  gap: 0.75rem !important;
}
.doka-gap-4 {
  gap: 1rem !important;
}
.doka-gap-5 {
  gap: 1.25rem !important;
}
.doka-gap-6 {
  gap: 1.5rem !important;
}
.doka-gap-\[6px\] {
  gap: 6px !important;
}
.doka-gap-base {
  gap: var(--spacing-base) !important;
}
.doka-gap-lg {
  gap: var(--spacing-lg) !important;
}
.doka-gap-md {
  gap: var(--spacing-md) !important;
}
.doka-gap-sm {
  gap: var(--spacing-sm) !important;
}
.doka-gap-xl {
  gap: var(--spacing-xl) !important;
}
.doka-gap-xs {
  gap: var(--spacing-xs) !important;
}
.doka-overflow-auto {
  overflow: auto !important;
}
.doka-overflow-hidden {
  overflow: hidden !important;
}
.doka-overflow-y-auto {
  overflow-y: auto !important;
}
.doka-overflow-x-hidden {
  overflow-x: hidden !important;
}
.doka-overflow-y-visible {
  overflow-y: visible !important;
}
.doka-text-ellipsis {
  text-overflow: ellipsis !important;
}
.doka-whitespace-nowrap {
  white-space: nowrap !important;
}
.doka-text-wrap {
  text-wrap: wrap !important;
}
.doka-rounded {
  border-radius: 0.25rem !important;
}
.doka-rounded-\[10px\] {
  border-radius: 10px !important;
}
.doka-rounded-full {
  border-radius: 9999px !important;
}
.doka-rounded-lg {
  border-radius: 0.5rem !important;
}
.doka-rounded-md {
  border-radius: 0.375rem !important;
}
.doka-rounded-l-md {
  border-top-left-radius: 0.375rem !important;
  border-bottom-left-radius: 0.375rem !important;
}
.doka-rounded-r-md {
  border-top-right-radius: 0.375rem !important;
  border-bottom-right-radius: 0.375rem !important;
}
.doka-border {
  border-width: 1px !important;
}
.\!doka-border-l {
  border-left-width: 1px !important;
}
.\!doka-border-r {
  border-right-width: 1px !important;
}
.doka-border-b {
  border-bottom-width: 1px !important;
}
.doka-border-l-0 {
  border-left-width: 0px !important;
}
.doka-border-r {
  border-right-width: 1px !important;
}
.doka-border-t {
  border-top-width: 1px !important;
}
.doka-border-none {
  border-style: none !important;
}
.doka-border-border-light {
  border-color: var(--color-border-light) !important;
}
.doka-border-border-ultra-light {
  border-color: var(--color-border-ultra-light) !important;
}
.doka-border-t-border-light {
  border-top-color: var(--color-border-light) !important;
}
.doka-bg-background-accent {
  background-color: var(--color-background-accent) !important;
}
.doka-bg-background-action {
  background-color: var(--color-background-action) !important;
}
.doka-bg-background-action-hover {
  background-color: var(--color-background-action-hover) !important;
}
.doka-bg-background-alert-light {
  background-color: var(--color-background-alert-light) !important;
}
.doka-bg-background-default {
  background-color: var(--color-background-default) !important;
}
.doka-bg-background-gray-ultra-light {
  background-color: var(--color-background-gray-ultra-light) !important;
}
.doka-bg-background-gray-ultra-ultra-light {
  background-color: var(--color-background-gray-ultra-ultra-light) !important;
}
.doka-bg-background-highlight {
  background-color: var(--color-background-highlight) !important;
}
.doka-bg-background-success-light {
  background-color: var(--color-background-success-light) !important;
}
.doka-bg-background-success-ultra-light-hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(172 244 198 / var(--tw-bg-opacity, 1)) !important;
}
.doka-bg-none {
  background-image: none !important;
}
.doka-p-0\.5 {
  padding: 0.125rem !important;
}
.doka-p-1 {
  padding: 0.25rem !important;
}
.doka-p-3 {
  padding: 0.75rem !important;
}
.doka-p-4 {
  padding: 1rem !important;
}
.doka-p-5 {
  padding: 1.25rem !important;
}
.doka-p-8 {
  padding: 2rem !important;
}
.doka-p-base {
  padding: var(--spacing-base) !important;
}
.doka-p-lg {
  padding: var(--spacing-lg) !important;
}
.doka-p-xs {
  padding: var(--spacing-xs) !important;
}
.doka-px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
.doka-px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.doka-px-3 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}
.doka-px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.doka-px-6 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.doka-px-base {
  padding-left: var(--spacing-base) !important;
  padding-right: var(--spacing-base) !important;
}
.doka-px-lg {
  padding-left: var(--spacing-lg) !important;
  padding-right: var(--spacing-lg) !important;
}
.doka-px-sm {
  padding-left: var(--spacing-sm) !important;
  padding-right: var(--spacing-sm) !important;
}
.doka-py-0\.5 {
  padding-top: 0.125rem !important;
  padding-bottom: 0.125rem !important;
}
.doka-py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.doka-py-10 {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}
.doka-py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.doka-py-2xl {
  padding-top: var(--spacing-2xl) !important;
  padding-bottom: var(--spacing-2xl) !important;
}
.doka-py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}
.doka-py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.doka-py-5 {
  padding-top: 1.25rem !important;
  padding-bottom: 1.25rem !important;
}
.doka-py-md {
  padding-top: var(--spacing-md) !important;
  padding-bottom: var(--spacing-md) !important;
}
.doka-py-sm {
  padding-top: var(--spacing-sm) !important;
  padding-bottom: var(--spacing-sm) !important;
}
.doka-pb-1 {
  padding-bottom: 0.25rem !important;
}
.doka-pb-2 {
  padding-bottom: 0.5rem !important;
}
.doka-pb-96 {
  padding-bottom: 24rem !important;
}
.doka-pl-0 {
  padding-left: 0px !important;
}
.doka-pl-1 {
  padding-left: 0.25rem !important;
}
.doka-pl-11 {
  padding-left: 2.75rem !important;
}
.doka-pl-12 {
  padding-left: 3rem !important;
}
.doka-pl-16 {
  padding-left: 4rem !important;
}
.doka-pl-2 {
  padding-left: 0.5rem !important;
}
.doka-pl-5 {
  padding-left: 1.25rem !important;
}
.doka-pl-6 {
  padding-left: 1.5rem !important;
}
.doka-pl-base {
  padding-left: var(--spacing-base) !important;
}
.doka-pl-sm {
  padding-left: var(--spacing-sm) !important;
}
.doka-pr-12 {
  padding-right: 3rem !important;
}
.doka-pr-2 {
  padding-right: 0.5rem !important;
}
.doka-pr-3 {
  padding-right: 0.75rem !important;
}
.doka-pr-4 {
  padding-right: 1rem !important;
}
.doka-pr-base {
  padding-right: var(--spacing-base) !important;
}
.doka-pr-lg {
  padding-right: var(--spacing-lg) !important;
}
.doka-pr-sm {
  padding-right: var(--spacing-sm) !important;
}
.doka-pt-2 {
  padding-top: 0.5rem !important;
}
.doka-pt-4 {
  padding-top: 1rem !important;
}
.doka-pt-5 {
  padding-top: 1.25rem !important;
}
.doka-pt-6 {
  padding-top: 1.5rem !important;
}
.doka-pt-base {
  padding-top: var(--spacing-base) !important;
}
.doka-pt-lg {
  padding-top: var(--spacing-lg) !important;
}
.doka-text-left {
  text-align: left !important;
}
.doka-text-center {
  text-align: center !important;
}
.doka-text-right {
  text-align: right !important;
}
.doka-text-start {
  text-align: start !important;
}
.doka-text-end {
  text-align: end !important;
}
.doka-align-middle {
  vertical-align: middle !important;
}
.doka-text-3xl {
  font-size: 1.875rem !important;
}
.doka-text-4xl {
  font-size: 2.25rem !important;
}
.doka-text-5xl {
  font-size: 3rem !important;
}
.doka-text-6xl {
  font-size: 3.75rem !important;
}
.doka-text-base {
  font-size: 1rem !important;
}
.doka-text-icon-3xl {
  font-size: 1.75rem !important;
}
.doka-text-lg {
  font-size: 1.125rem !important;
}
.doka-text-sm {
  font-size: 0.875rem !important;
}
.doka-text-xl {
  font-size: 1.25rem !important;
}
.doka-text-xs {
  font-size: 0.75rem !important;
}
.doka-font-bold {
  font-weight: 700 !important;
}
.doka-font-light {
  font-weight: 300 !important;
}
.doka-font-medium {
  font-weight: 500 !important;
}
.doka-font-normal {
  font-weight: 400 !important;
}
.doka-font-semibold {
  font-weight: 600 !important;
}
.doka-font-thin {
  font-weight: 100 !important;
}
.doka-italic {
  font-style: italic !important;
}
.\!doka-text-text-disabled {
  color: var(--color-text-disabled) !important;
}
.doka-text-icon-alert {
  color: var(--color-icon-alert) !important;
}
.doka-text-icon-alert-dark {
  color: var(--color-icon-alert-dark) !important;
}
.doka-text-icon-success {
  color: var(--color-icon-success) !important;
}
.doka-text-icon-success-dark {
  color: var(--color-icon-success-dark) !important;
}
.doka-text-icon-warning {
  color: var(--color-icon-warning) !important;
}
.doka-text-icon-warning-dark {
  color: var(--color-icon-warning-dark) !important;
}
.doka-text-text-accent {
  color: var(--color-text-accent) !important;
}
.doka-text-text-alert {
  color: var(--color-text-alert) !important;
}
.doka-text-text-default {
  color: var(--color-text-default) !important;
}
.doka-text-text-disabled {
  color: var(--color-text-disabled) !important;
}
.doka-text-text-light {
  color: var(--color-text-light) !important;
}
.doka-text-text-ultra-light {
  color: var(--color-text-ultra-light) !important;
}
.doka-text-text-warning {
  color: var(--color-text-warning) !important;
}
.doka-opacity-0 {
  opacity: 0 !important;
}
.doka-transition-colors {
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
.doka-transition-opacity {
  transition-property: opacity !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
#root {
  height: 100% !important;
}
html,
body {
  color: var(--color-text-default) !important;
  height: 100% !important;
}
#invest-page .doka-page-content main {
  max-width: 100vw !important;
}
#invest-page .doka-page-content {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
@container (min-width: 39rem) {
  #invest-page .doka-page-content {
    padding-left: 0px !important;
    padding-right: 0px !important;
    max-width: 100vw !important;
  }
}
@container (min-width: 0rem) {
  #invest-page .doka-page-content {
    padding-left: 0px !important;
    padding-right: 0px !important;
    max-width: 100vw !important;
    width: 100vw !important;
  }
}
.doka-data-table-row-detail {
  background-color: var(--color-background-gray-ultra-ultra-light) !important;
}
.doka-data-table-row-detail .doka-data-table-header-sticky {
  background-color: inherit !important;
}
.doka-data-table-row-detail .doka-data-table-header-sticky .doka-data-table-cell-content {
  font-family: Soehne, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0;
  font-style: normal;
}
.doka-data-table-body > .doka-data-table-row:has(+ .doka-data-table-row-detail) {
  background-color: var(--color-background-gray-ultra-light) !important;
}
.doka-data-table-body > .doka-data-table-row:has(+ .doka-data-table-row-detail > * > *) {
  border-bottom: none !important;
}
.doka-data-table:has(.doka-data-table-header-sticky):not(:has(.doka-data-table-footer)) .doka-data-table-body > :last-child .doka-data-table-cell {
  border-bottom-width: 1px;
}
.doka-search-field-clearButton,
.doka-search-field {
  border-color: var(--color-border-ultra-light);
}
.doka-search-field-container:has(.doka-search-field:enabled:focus) .doka-search-field-input {
  box-shadow: none;
}
.doka-search-field {
  border-radius: 4px 0px 0px 4px;
}
.doka-search-field-clearButton {
  border-radius: 0px 4px 4px 0px;
}
#invest-page .doka-page-content-wrapper {
  max-width: 100vw !important;
  height: 100%;
}
.doka-modal {
  box-shadow: none !important;
}
ion-modal.assign-user-modal::part(content) {
  --min-height: 450px;
}
.doka-modal-description {
  color: black;
}
.cdk-drag-preview {
  border: none;
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow:
    0 5px 5px -3px rgba(0, 0, 0, 0.2),
    0 8px 10px 1px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12);
  background-color: var(--color-background-action-hover);
}
.cdk-drag-placeholder {
  opacity: 0;
}
.cdk-drag-animating {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
a.doka-action-icon:hover,
a.doka-action-icon:focus {
  background-color: var(--color-background-action-hover);
}
doka-select .doka-select {
  border-radius: 8px;
}
doka-select .doka-select-dropdown {
  border-radius: 0 0 8px 8px;
}
.hover\:doka-bg-background-action-hover:hover {
  background-color: var(--color-background-action-hover) !important;
}
.hover\:doka-bg-background-default:hover {
  background-color: var(--color-background-default) !important;
}
.hover\:doka-bg-background-gray-ultra-light:hover {
  background-color: var(--color-background-gray-ultra-light) !important;
}
.hover\:doka-bg-background-highlight-hover:hover {
  background-color: var(--color-background-highlight-hover) !important;
}
.hover\:doka-shadow-sm:hover {
  --tw-shadow: var(--shadow-sm) !important;
  --tw-shadow-colored: var(--shadow-sm) !important;
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow) !important;
}
.focus\:doka-bg-background-action-focus:focus {
  background-color: var(--color-background-action-focus) !important;
}
.active\:doka-bg-background-action-focus:active {
  background-color: var(--color-background-action-focus) !important;
}
.disabled\:doka-text-text-disabled:disabled {
  color: var(--color-text-disabled) !important;
}
.disabled\:hover\:doka-bg-background-transparent:hover:disabled {
  background-color: transparent !important;
}
.doka-group:hover .group-hover\:doka-opacity-100 {
  opacity: 1 !important;
}
@media (min-width: 39rem) {
  .sm\:doka-block {
    display: block !important;
  }
  .sm\:doka-flex {
    display: flex !important;
  }
  .sm\:doka-max-w-\[400px\] {
    max-width: 400px !important;
  }
  .sm\:doka-px-2xl {
    padding-left: var(--spacing-2xl) !important;
    padding-right: var(--spacing-2xl) !important;
  }
}

/* src/theme/variables.scss */

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */