/**********************************************************************************************************************/

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  -webkit-text-decoration: underline;
  text-decoration: underline; /* 2 */
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/**********************************************************************************************************************/

.choices{position:relative;overflow:hidden;margin-bottom:24px;font-size:16px}

.choices:focus{outline:0}

.choices:last-child{margin-bottom:0}

.choices.is-open{overflow:visible}

.choices.is-disabled .choices__inner,.choices.is-disabled .choices__input{background-color:#eaeaea;cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;user-select:none}

.choices.is-disabled .choices__item{cursor:not-allowed}

.choices [hidden]{display:none!important}

.choices[data-type*=select-one]{cursor:pointer}

.choices[data-type*=select-one] .choices__inner{padding-bottom:7.5px}

.choices[data-type*=select-one] .choices__input{display:block;width:100%;padding:10px;border-bottom:1px solid #ddd;background-color:#fff;margin:0}

.choices[data-type*=select-one] .choices__button{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);padding:0;background-size:8px;position:absolute;top:50%;right:0;margin-top:-10px;margin-right:25px;height:20px;width:20px;border-radius:10em;opacity:.25}

.choices[data-type*=select-one] .choices__button:focus,.choices[data-type*=select-one] .choices__button:hover{opacity:1}

.choices[data-type*=select-one] .choices__button:focus{box-shadow:0 0 0 2px #00bcd4}

.choices[data-type*=select-one] .choices__item[data-value=""] .choices__button{display:none}

.choices[data-type*=select-one]::after{content:"";height:0;width:0;border-style:solid;border-color:#333 transparent transparent;border-width:5px;position:absolute;right:11.5px;top:50%;margin-top:-2.5px;pointer-events:none}

.choices[data-type*=select-one].is-open::after{border-color:transparent transparent #333;margin-top:-7.5px}

.choices[data-type*=select-one][dir=rtl]::after{left:11.5px;right:auto}

.choices[data-type*=select-one][dir=rtl] .choices__button{right:auto;left:0;margin-left:25px;margin-right:0}

.choices[data-type*=select-multiple] .choices__inner,.choices[data-type*=text] .choices__inner{cursor:text}

.choices[data-type*=select-multiple] .choices__button,.choices[data-type*=text] .choices__button{position:relative;display:inline-block;margin:0-4px 0 8px;padding-left:16px;border-left:1px solid #008fa1;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);background-size:8px;width:8px;line-height:1;opacity:.75;border-radius:0}

.choices[data-type*=select-multiple] .choices__button:focus,.choices[data-type*=select-multiple] .choices__button:hover,.choices[data-type*=text] .choices__button:focus,.choices[data-type*=text] .choices__button:hover{opacity:1}

.choices__inner{display:inline-block;vertical-align:top;width:100%;background-color:#f9f9f9;padding:7.5px 7.5px 3.75px;border:1px solid #ddd;border-radius:2.5px;font-size:14px;min-height:44px;overflow:hidden}

.is-focused .choices__inner,.is-open .choices__inner{border-color:#b7b7b7}

.is-open .choices__inner{border-radius:2.5px 2.5px 0 0}

.is-flipped.is-open .choices__inner{border-radius:0 0 2.5px 2.5px}

.choices__list{margin:0;padding-left:0;list-style:none}

.choices__list--single{display:inline-block;padding:4px 16px 4px 4px;width:100%}

[dir=rtl] .choices__list--single{padding-right:4px;padding-left:16px}

.choices__list--single .choices__item{width:100%}

.choices__list--multiple{display:inline}

.choices__list--multiple .choices__item{display:inline-block;vertical-align:middle;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500;margin-right:3.75px;margin-bottom:3.75px;background-color:#00bcd4;border:1px solid #00a5bb;color:#fff;word-break:break-all;box-sizing:border-box}

.choices__list--multiple .choices__item[data-deletable]{padding-right:5px}

[dir=rtl] .choices__list--multiple .choices__item{margin-right:0;margin-left:3.75px}

.choices__list--multiple .choices__item.is-highlighted{background-color:#00a5bb;border:1px solid #008fa1}

.is-disabled .choices__list--multiple .choices__item{background-color:#aaa;border:1px solid #919191}

.choices__list--dropdown,.choices__list[aria-expanded]{visibility:hidden;z-index:1;position:absolute;width:100%;background-color:#fff;border:1px solid #ddd;top:100%;margin-top:-1px;border-bottom-left-radius:2.5px;border-bottom-right-radius:2.5px;overflow:hidden;word-break:break-all;will-change:visibility}

.is-active.choices__list--dropdown,.is-active.choices__list[aria-expanded]{visibility:visible}

.is-open .choices__list--dropdown,.is-open .choices__list[aria-expanded]{border-color:#b7b7b7}

.is-flipped .choices__list--dropdown,.is-flipped .choices__list[aria-expanded]{top:auto;bottom:100%;margin-top:0;margin-bottom:-1px;border-radius:.25rem .25rem 0 0}

.choices__list--dropdown .choices__list,.choices__list[aria-expanded] .choices__list{position:relative;max-height:300px;overflow:auto;-webkit-overflow-scrolling:touch;will-change:scroll-position}

.choices__list--dropdown .choices__item,.choices__list[aria-expanded] .choices__item{position:relative;padding:10px;font-size:14px}

[dir=rtl] .choices__list--dropdown .choices__item,[dir=rtl] .choices__list[aria-expanded] .choices__item{text-align:right}

@media (min-width:640px){.choices__list--dropdown .choices__item--selectable,.choices__list[aria-expanded] .choices__item--selectable{padding-right:100px}.choices__list--dropdown .choices__item--selectable::after,.choices__list[aria-expanded] .choices__item--selectable::after{content:attr(data-select-text);font-size:12px;opacity:0;position:absolute;right:10px;top:50%;transform:translateY(-50%)}[dir=rtl] .choices__list--dropdown .choices__item--selectable,[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable{text-align:right;padding-left:100px;padding-right:10px}[dir=rtl] .choices__list--dropdown .choices__item--selectable::after,[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable::after{right:auto;left:10px}}

.choices__list--dropdown .choices__item--selectable.is-highlighted,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted{background-color:#f2f2f2}

.choices__list--dropdown .choices__item--selectable.is-highlighted::after,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after{opacity:.5}

.choices__item{cursor:default}

.choices__item--selectable{cursor:pointer}

.choices__item--disabled{cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.5}

.choices__heading{font-weight:600;font-size:12px;padding:10px;border-bottom:1px solid #f7f7f7;color:gray}

.choices__button{text-indent:-9999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background-color:transparent;background-repeat:no-repeat;background-position:center;cursor:pointer}

.choices__button:focus,.choices__input:focus{outline:0}

.choices__input{display:inline-block;vertical-align:baseline;background-color:#f9f9f9;font-size:14px;margin-bottom:5px;border:0;border-radius:0;max-width:100%;padding:4px 0 4px 2px}

.choices__input::-webkit-search-cancel-button,.choices__input::-webkit-search-decoration,.choices__input::-webkit-search-results-button,.choices__input::-webkit-search-results-decoration{display:none}

.choices__input::-ms-clear,.choices__input::-ms-reveal{display:none;width:0;height:0}

[dir=rtl] .choices__input{padding-right:2px;padding-left:0}

.choices__placeholder{opacity:.5}

/**********************************************************************************************************************/

:root {
  --colors-black: #000000;

  --colors-reds-lightest: #fee2e2;
  --colors-reds-light: #fecaca;
  --colors-reds-dark: #dc2626;
  --colors-reds-darkest: #b91c1c;

  --colors-slates-lightest: #f1f5f9;
  --colors-slates-light: #e2e8f0;
  --colors-slates-medium: #64748b;
  --colors-slates-dark: #475569;
  --colors-slates-darkest: #334155;

  --colors-white: #ffffff;

  --colors-yellows-lightest: #fef9c3;
  --colors-yellows-light: #fef08a;
  --colors-yellows-dark: #ca8a04;
  --colors-yellows-darkest: #a16207;

  --spacings-xs: 0.25rem;
  --spacings-sm: 0.5rem;
  --spacings-md: 1rem;
  --spacings-lg: 2rem;
  --spacings-xl: 4rem;
}

/**********************************************************************************************************************/

@keyframes pulse {
  0% {
    background-color: #64748b;
    background-color: var(--colors-slates-medium);
  }

  100% {
    background-color: #f1f5f9;
    background-color: var(--colors-slates-lightest);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/**********************************************************************************************************************/

* {
  box-sizing: border-box;
  outline: medium none currentcolor;
  outline: initial;
}

/**********************************************************************************************************************/

body {
  color: #334155;
  color: var(--colors-slates-darkest);
  font-family: 'Open Sans', sans-serif;
  font-size: 0.875rem;
  line-height: 1.75rem;
}

body:has(.modal) {
    overflow: hidden;
  }

/**********************************************************************************************************************/

.layouts-large {
  background-color: #f1f5f9;
  background-color: var(--colors-slates-lightest);
}

.layouts-large .contents {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    gap: var(--spacings-md);
    justify-content: flex-start;
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    padding: 1rem;
    padding: var(--spacings-md);
  }

.layouts-large .contents .footer {
      color: #475569;
      color: var(--colors-slates-dark);
      display: block;
      text-align: right;
    }

.layouts-small {
  align-items: center;
  background-color: #475569;
  background-color: var(--colors-slates-dark);
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
}

.layouts-small .contents {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    gap: var(--spacings-md);
    justify-content: center;
    max-width: 32rem;
  }

.layouts-small .contents .logo {
      align-self: center;
      display: block;
    }

.layouts-small .contents .footer {
      color: #ffffff;
      color: var(--colors-white);
    }

/**********************************************************************************************************************/

a {
  color: #334155;
  color: var(--colors-slates-darkest);
  cursor: pointer;
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

a:focus,a:focus-visible,a:hover {
    color: #000000;
    color: var(--colors-black);
    text-decoration: underline;
    -webkit-text-decoration: underline dashed;
            text-decoration: underline dashed;
  }

button,
.button {
  align-items: center;
  background-color: #ffffff;
  background-color: var(--colors-white);
  border: 0;
  border-radius: 0.375rem;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  gap: var(--spacings-sm);
  justify-content: center;
  line-height: 1.75rem;
  padding: 0.5rem 1rem;
  padding: var(--spacings-sm) var(--spacings-md);
  text-align: center;
  -webkit-text-decoration: none;
  text-decoration: none;
  width: auto;
}

button.special:not(.does-not-exist),.special.button {
    flex-grow: 1;
  }

button[type='submit']:not(.does-not-exist),.button[type='submit'],button.success:not(.does-not-exist),.success.button {
    background-color: #475569;
    background-color: var(--colors-slates-dark);
    color: #ffffff;
    color: var(--colors-white);
  }

button[type='submit']:not(.does-not-exist):focus-visible {
      outline: 1px solid #475569;
      outline: 1px solid var(--colors-slates-dark);
      outline-offset: 1px;
      -webkit-text-decoration: none;
      text-decoration: none;
    }

.button[type='submit']:focus-visible {
      outline: 1px solid #475569;
      outline: 1px solid var(--colors-slates-dark);
      outline-offset: 1px;
      -webkit-text-decoration: none;
      text-decoration: none;
    }

button.success:not(.does-not-exist):focus-visible {
      outline: 1px solid #475569;
      outline: 1px solid var(--colors-slates-dark);
      outline-offset: 1px;
      -webkit-text-decoration: none;
      text-decoration: none;
    }

.success.button:focus-visible {
      outline: 1px solid #475569;
      outline: 1px solid var(--colors-slates-dark);
      outline-offset: 1px;
      -webkit-text-decoration: none;
      text-decoration: none;
    }

button[type='submit']:not(.does-not-exist):focus,.button[type='submit']:focus,button.success:not(.does-not-exist):focus,.success.button:focus {
      outline: 1px solid #475569;
      outline: 1px solid var(--colors-slates-dark);
      outline-offset: 1px;
      -webkit-text-decoration: none;
      text-decoration: none;
    }

button[type='submit']:not(.does-not-exist):hover,.button[type='submit']:hover,button.success:not(.does-not-exist):hover,.success.button:hover {
      background-color: #334155;
      background-color: var(--colors-slates-darkest);
      -webkit-text-decoration: none;
      text-decoration: none;
    }

button.warning:not(.does-not-exist),.warning.button {
    background-color: #ca8a04;
    background-color: var(--colors-yellows-dark);
    color: #ffffff;
    color: var(--colors-white);
  }

button.warning:not(.does-not-exist):focus-visible {
      outline: 1px solid #ca8a04;
      outline: 1px solid var(--colors-yellows-dark);
      outline-offset: 1px;
      -webkit-text-decoration: none;
      text-decoration: none;
    }

.warning.button:focus-visible {
      outline: 1px solid #ca8a04;
      outline: 1px solid var(--colors-yellows-dark);
      outline-offset: 1px;
      -webkit-text-decoration: none;
      text-decoration: none;
    }

button.warning:not(.does-not-exist):focus,.warning.button:focus {
      outline: 1px solid #ca8a04;
      outline: 1px solid var(--colors-yellows-dark);
      outline-offset: 1px;
      -webkit-text-decoration: none;
      text-decoration: none;
    }

button.warning:not(.does-not-exist):hover,.warning.button:hover {
      background-color: #a16207;
      background-color: var(--colors-yellows-darkest);
      -webkit-text-decoration: none;
      text-decoration: none;
    }

button[type='reset']:not(.does-not-exist),.button[type='reset'],button.failure:not(.does-not-exist),.failure.button {
    background-color: #dc2626;
    background-color: var(--colors-reds-dark);
    color: #ffffff;
    color: var(--colors-white);
  }

button[type='reset']:not(.does-not-exist):focus-visible {
      outline: 1px solid #dc2626;
      outline: 1px solid var(--colors-reds-dark);
      outline-offset: 1px;
      -webkit-text-decoration: none;
      text-decoration: none;
    }

.button[type='reset']:focus-visible {
      outline: 1px solid #dc2626;
      outline: 1px solid var(--colors-reds-dark);
      outline-offset: 1px;
      -webkit-text-decoration: none;
      text-decoration: none;
    }

button.failure:not(.does-not-exist):focus-visible {
      outline: 1px solid #dc2626;
      outline: 1px solid var(--colors-reds-dark);
      outline-offset: 1px;
      -webkit-text-decoration: none;
      text-decoration: none;
    }

.failure.button:focus-visible {
      outline: 1px solid #dc2626;
      outline: 1px solid var(--colors-reds-dark);
      outline-offset: 1px;
      -webkit-text-decoration: none;
      text-decoration: none;
    }

button[type='reset']:not(.does-not-exist):focus,.button[type='reset']:focus,button.failure:not(.does-not-exist):focus,.failure.button:focus {
      outline: 1px solid #dc2626;
      outline: 1px solid var(--colors-reds-dark);
      outline-offset: 1px;
      -webkit-text-decoration: none;
      text-decoration: none;
    }

button[type='reset']:not(.does-not-exist):hover,.button[type='reset']:hover,button.failure:not(.does-not-exist):hover,.failure.button:hover {
      background-color: #b91c1c;
      background-color: var(--colors-reds-darkest);
      -webkit-text-decoration: none;
      text-decoration: none;
    }

@media only screen and (max-width: 1024px) {

button,
.button {
    flex-direction: column;
    width: 100%;
}
  }

hr {
  border: 0;
  border-top: 1px solid #e2e8f0;
  border-top: 1px solid var(--colors-slates-light);
  margin: 0;
  width: 100%;
}

h1 {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-size: 1.25rem;
  font-weight: 700;
  gap: 0.5rem;
  gap: var(--spacings-sm);
  justify-content: flex-start;
  margin: 0;
}

h2 {
  font-size: 1rem;
  font-weight: 700;
  margin: 0;
}

/**********************************************************************************************************************/

.alert {
  align-items: flex-start;
  border: 0;
  border-left-style: solid;
  border-left-width: 4px;
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  gap: var(--spacings-sm);
  justify-content: flex-start;
  padding: 1rem;
  padding: var(--spacings-md);
  width: 100%;
}

@media only screen and (max-width: 1024px) {

.alert {
    align-items: center;
    border: 0;
    border-top-style: solid;
    border-top-width: 4px;
    flex-direction: column;
    justify-content: center;
}
  }

.alert.success {
    background-color: #e2e8f0;
    background-color: var(--colors-slates-light);
    border-color: #475569;
    border-color: var(--colors-slates-dark);
    color: #475569;
    color: var(--colors-slates-dark);
  }

.alert.warning {
    background-color: #fef08a;
    background-color: var(--colors-yellows-light);
    border-color: #ca8a04;
    border-color: var(--colors-yellows-dark);
    color: #ca8a04;
    color: var(--colors-yellows-dark);
  }

.alert.failure {
    background-color: #fecaca;
    background-color: var(--colors-reds-light);
    border-color: #dc2626;
    border-color: var(--colors-reds-dark);
    color: #dc2626;
    color: var(--colors-reds-dark);
  }

.alert .text {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    gap: var(--spacings-sm);
    justify-content: flex-start;
    overflow: hidden;
    width: 100%;
  }

@media only screen and (max-width: 1024px) {

.alert .text {
      align-items: center;
      flex-direction: column;
      justify-content: center;
  }
    }

.alert .text .feather {
      min-width: 24px;
    }

.alphabet-link {
  display: inline-block;
  margin-right: 5px;
}

.box {
  display: flex;
  gap: 1rem;
  gap: var(--spacings-md);
  width: 100%;
}

.box.horizontal {
    align-items: stretch;
    flex-direction: row;
    justify-content: flex-start;
  }

.box.horizontal.buttons {
      justify-content: flex-end;
    }

@media only screen and (max-width: 1024px) {

.box.horizontal {
      align-items: flex-start;
      flex-direction: column;
      justify-content: flex-start;
  }
    }

.box.vertical {
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
  }

.card {
  align-items: flex-start;
  background-color: #ffffff;
  background-color: var(--colors-white);
  border-radius: 0.5rem;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  color: #334155;
  color: var(--colors-slates-darkest);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  gap: var(--spacings-md);
  justify-content: flex-start;
  padding: 2rem;
  padding: var(--spacings-lg);
  width: 100%;
}

.concepts-details .border-less td {
      border: 0px solid #e5e5e5;
      vertical-align: top;
      width: 300px;
      word-break: break-word;
    }

.concepts-details table.details td {
      padding: 5px;
    }

.container.skos {
    background-color: #ffffff;
    background-color: var(--colors-white);
    border-radius: 0.375rem;
    border: 1px solid #e2e8f0;
    border: 1px solid var(--colors-slates-light);
    margin-top: 0px;
    padding: 15px;
  }

.container.skos.label {
      margin-bottom: 5px;
      padding: 15px;
    }

.description {
  margin-left: 50px;
}

details {
  max-height: 2.5em;
  overflow: hidden;
  transition: max-height 0.8s ease;
}

details summary {
    background-color: #f6f6f6;
    border-radius: 2px;
    border: 1px solid #c5c5c5;
    cursor: pointer;
    margin-bottom: 2px;
    padding: 2px 0 0 20px;
  }

details summary::marker {
      font-size: 0.8em;
    }

details summary:hover {
      background-color: #f6f6f6;
    }

details td {
    border: 1px solid #ccc;
    padding: 0 40px;
  }

details[open] {
    border-radius: 2px;
    border: 1px solid #dddddd;
    margin-bottom: 2px;
    max-height: 1000px;
  }

details[open] summary {
      background-color: #007fff;
      border: 1px solid #003eff;
      color: #ffffff;
      font-weight: normal;
    }

.form {
  width: 100%;
}

.form .field {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    gap: var(--spacings-sm);
    justify-content: flex-start;
    position: relative;
    width: 100%;
  }

.form .field:has([required]) label:after {
          content: ' (*)';
        }

.form .field:has([loading]) .spin {
        display: block;
      }

.form .field.invalid label {
        color: #dc2626;
        color: var(--colors-reds-dark);
      }

.form .field.invalid input,.form .field.invalid select,.form .field.invalid textarea {
        border-color: #dc2626;
        border-color: var(--colors-reds-dark);
        color: #dc2626;
        color: var(--colors-reds-dark);
      }

.form .field.invalid input:focus-visible {
          outline: 1px solid #dc2626;
          outline: 1px solid var(--colors-reds-dark);
          outline-offset: 1px;
        }

.form .field.invalid select:focus-visible {
          outline: 1px solid #dc2626;
          outline: 1px solid var(--colors-reds-dark);
          outline-offset: 1px;
        }

.form .field.invalid textarea:focus-visible {
          outline: 1px solid #dc2626;
          outline: 1px solid var(--colors-reds-dark);
          outline-offset: 1px;
        }

.form .field.invalid input:focus,.form .field.invalid select:focus,.form .field.invalid textarea:focus {
          outline: 1px solid #dc2626;
          outline: 1px solid var(--colors-reds-dark);
          outline-offset: 1px;
        }

.form .field label {
      font-weight: 500;
    }

.form .field input,.form .field select,.form .field textarea {
      background-color: #ffffff;
      background-color: var(--colors-white);
      border: 1px solid #e2e8f0;
      border: 1px solid var(--colors-slates-light);
      border-radius: 0.375rem;
      line-height: 1.75rem;
      padding: 0.5rem;
      padding: var(--spacings-sm);
      width: 100%;
    }

.form .field input:focus-visible {
        outline: 1px solid #475569;
        outline: 1px solid var(--colors-slates-dark);
        outline-offset: 1px;
      }

.form .field select:focus-visible {
        outline: 1px solid #475569;
        outline: 1px solid var(--colors-slates-dark);
        outline-offset: 1px;
      }

.form .field textarea:focus-visible {
        outline: 1px solid #475569;
        outline: 1px solid var(--colors-slates-dark);
        outline-offset: 1px;
      }

.form .field input:focus,.form .field select:focus,.form .field textarea:focus {
        outline: 1px solid #475569;
        outline: 1px solid var(--colors-slates-dark);
        outline-offset: 1px;
      }

.form .field .error {
      color: #dc2626;
      color: var(--colors-reds-dark);
      font-size: 0.75rem;
      line-height: 100%;
    }

.nav {
  background-color: #475569;
  background-color: var(--colors-slates-dark);
}

.nav:has(.hamburger button:focus) .mobile {
      display: block;
    }

.nav .desktop {
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    padding: 0 1rem;
    padding: 0 var(--spacings-md);
  }

.nav .desktop .pane {
      align-items: center;
      display: flex;
      flex-direction: row;
      height: 64px;
      justify-content: space-between;
      position: relative;
    }

.nav .desktop .pane .hamburger {
        display: none;
        inset-y: 0;
        left: 0;
        position: absolute;
      }

@media only screen and (max-width: 1024px) {

.nav .desktop .pane .hamburger {
          display: flex;
      }
        }

.nav .desktop .pane .hamburger button {
          background-color: #475569;
          background-color: var(--colors-slates-dark);
          color: #ffffff;
          color: var(--colors-white);
          display: inline-flex;
          padding: 1rem;
          padding: var(--spacings-md);
        }

.nav .desktop .pane .hamburger button:hover {
            background-color: #334155;
            background-color: var(--colors-slates-darkest);
          }

.nav .desktop .pane .logo-and-links {
        align-items: center;
        display: flex;
        flex: 1;
        flex-direction: row;
        gap: 1rem;
        gap: var(--spacings-md);
        justify-content: flex-start;
      }

@media only screen and (max-width: 1024px) {

.nav .desktop .pane .logo-and-links {
          justify-content: center;
      }
        }

.nav .desktop .pane .logo-and-links .logo {
          flex-shrink: 0;
          font-size: 1.5rem;
          font-weight: 700;
        }

.nav .desktop .pane .logo-and-links .logo a {
            display: block;
          }

.nav .desktop .pane .logo-and-links .logo a:focus-visible {
              outline: 1px solid #ffffff;
              outline: 1px solid var(--colors-white);
              outline-offset: 1px;
            }

.nav .desktop .pane .logo-and-links .logo a:focus {
              outline: 1px solid #ffffff;
              outline: 1px solid var(--colors-white);
              outline-offset: 1px;
            }

.nav .desktop .pane .logo-and-links .logo a img {
              display: block;
              height: 32px;
              width: 139.11px;
            }

.nav .desktop .pane .logo-and-links .links {
          align-items: flex-start;
          display: flex;
          flex-direction: row;
          gap: 0.5rem;
          gap: var(--spacings-sm);
          justify-content: flex-start;
        }

@media only screen and (max-width: 1024px) {

.nav .desktop .pane .logo-and-links .links {
            display: none;
        }
          }

.nav .desktop .pane .logo-and-links .links a {
            align-items: center;
            background-color: #475569;
            background-color: var(--colors-slates-dark);
            border-radius: 0.375rem;
            color: #ffffff;
            color: var(--colors-white);
            cursor: pointer;
            display: flex;
            flex-direction: row;
            gap: 0.5rem;
            gap: var(--spacings-sm);
            justify-content: flex-start;
            padding: 0.5rem;
            padding: var(--spacings-sm);
            -webkit-text-decoration: none;
            text-decoration: none;
          }

.nav .desktop .pane .logo-and-links .links a:focus-visible {
              background-color: #64748b;
              background-color: var(--colors-slates-medium);
              outline: 0;
            }

.nav .desktop .pane .logo-and-links .links a:focus,.nav .desktop .pane .logo-and-links .links a:hover {
              background-color: #64748b;
              background-color: var(--colors-slates-medium);
              outline: 0;
            }

.nav .desktop .pane .logo-and-links .links a.active {
              background-color: #334155;
              background-color: var(--colors-slates-darkest);
            }

.nav .desktop .pane .account {
        display: block;
        position: relative;
      }

.nav .desktop .pane .account:focus-within .dropdown {
            display: block;
          }

.nav .desktop .pane .account button {
          background-color: #ffffff;
          background-color: var(--colors-white);
          border: 1px solid #ffffff;
          border: 1px solid var(--colors-white);
          border-radius: 9999px;
          color: #334155;
          color: var(--colors-slates-darkest);
          font-weight: 700;
          height: 2.25rem;
          padding: 0.5rem 0;
          padding: var(--spacings-sm) 0;
          text-align: center;
          width: 2.25rem;
        }

.nav .desktop .pane .account button:focus-visible {
            background-color: #334155;
            background-color: var(--colors-slates-darkest);
            color: #ffffff;
            color: var(--colors-white);
            outline: 0;
          }

.nav .desktop .pane .account button:focus,.nav .desktop .pane .account button:hover {
            background-color: #334155;
            background-color: var(--colors-slates-darkest);
            color: #ffffff;
            color: var(--colors-white);
            outline: 0;
          }

.nav .desktop .pane .account .dropdown {
          background-color: #ffffff;
          background-color: var(--colors-white);
          border-radius: 0.375rem;
          box-shadow:
            0 10px 15px -3px rgba(0, 0, 0, 0.1),
            0 4px 6px -2px rgba(0, 0, 0, 0.05);
          display: none;
          margin-top: 0.5rem;
          margin-top: var(--spacings-sm);
          position: absolute;
          right: 0;
          width: 16rem;
          z-index: 2;
        }

.nav .desktop .pane .account .dropdown .name-and-email {
            align-items: flex-start;
            color: #334155;
            color: var(--colors-slates-darkest);
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            padding: 1rem;
            padding: var(--spacings-md);
          }

.nav .desktop .pane .account .dropdown .name-and-email .name {
              font-weight: 700;
            }

.nav .desktop .pane .account .dropdown .name-and-email .email {
              color: #334155;
              color: var(--colors-slates-darkest);
            }

.nav .desktop .pane .account .dropdown .links {
            padding: 0.5rem 0;
            padding: var(--spacings-sm) 0;
          }

.nav .desktop .pane .account .dropdown .links a {
              align-items: center;
              color: #334155;
              color: var(--colors-slates-darkest);
              display: flex;
              flex-direction: row;
              gap: 0.5rem;
              gap: var(--spacings-sm);
              justify-content: flex-start;
              padding: 0.5rem 1rem;
              padding: var(--spacings-sm) var(--spacings-md);
              -webkit-text-decoration: none;
              text-decoration: none;
            }

.nav .desktop .pane .account .dropdown .links a:focus-visible {
                background-color: #e2e8f0;
                background-color: var(--colors-slates-light);
                outline: 0;
              }

.nav .desktop .pane .account .dropdown .links a:focus,.nav .desktop .pane .account .dropdown .links a:hover {
                background-color: #e2e8f0;
                background-color: var(--colors-slates-light);
                outline: 0;
              }

.nav .desktop .pane .account .dropdown .links a.active {
                background-color: #334155;
                background-color: var(--colors-slates-darkest);
                color: #ffffff;
                color: var(--colors-white);
              }

.nav .mobile {
    display: none;
  }

.nav .mobile .pane {
      align-items: stretch;
      border-top: 1px solid #64748b;
      border-top: 1px solid var(--colors-slates-medium);
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
      gap: var(--spacings-sm);
      justify-content: flex-start;
      padding: 1rem;
      padding: var(--spacings-md);
    }

.nav .mobile .pane hr {
        border-color: #64748b;
        border-color: var(--colors-slates-medium);
        border-top-width: 1px;
      }

.nav .mobile .pane a {
        align-items: center;
        background-color: #475569;
        background-color: var(--colors-slates-dark);
        border-radius: 0.375rem;
        color: #ffffff;
        color: var(--colors-white);
        display: flex;
        flex-direction: row;
        gap: 0.5rem;
        gap: var(--spacings-sm);
        justify-content: flex-start;
        padding: 0.5rem;
        padding: var(--spacings-sm);
        -webkit-text-decoration: none;
        text-decoration: none;
      }

.nav .mobile .pane a:hover {
          background-color: #64748b;
          background-color: var(--colors-slates-medium);
        }

.nav .mobile .pane a.active {
          background-color: #334155;
          background-color: var(--colors-slates-darkest);
        }

.nav .mobile .pane .account {
        align-items: center;
        display: flex;
        flex-direction: row;
        gap: 0.5rem;
        gap: var(--spacings-sm);
        justify-content: flex-start;
      }

.nav .mobile .pane .account .initials {
          background-color: #ffffff;
          background-color: var(--colors-white);
          border-radius: 9999px;
          color: #334155;
          color: var(--colors-slates-darkest);
          font-weight: 700;
          height: 2.25rem;
          padding: 0.5rem 0;
          padding: var(--spacings-sm) 0;
          text-align: center;
          width: 2.25rem;
        }

.nav .mobile .pane .account .name-and-email {
          align-items: flex-start;
          display: flex;
          flex-direction: column;
          justify-content: flex-start;
        }

.nav .mobile .pane .account .name-and-email .name {
            color: #ffffff;
            color: var(--colors-white);
            font-weight: 700;
          }

.nav .mobile .pane .account .name-and-email .email {
            color: #ffffff;
            color: var(--colors-white);
          }

.pagination {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 1rem;
  gap: var(--spacings-md);
  justify-content: space-between;
  width: 100%;
}

@media only screen and (max-width: 1024px) {

.pagination {
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
  }

.pagination .left {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: row;
    justify-content: space-between;
  }

.pagination .right {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-left: -2px;
    position: relative;
  }

.pagination .right a {
      background-color: #ffffff;
      background-color: var(--colors-white);
      border: 1px solid #e2e8f0;
      border: 1px solid var(--colors-slates-light);
      border-radius: 0;
      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
      color: #475569;
      color: var(--colors-slates-dark);
      line-height: 20px;
      margin-right: -1px;
      padding: 0.5rem 0.5rem;
      padding: var(--spacings-sm) var(--spacings-sm);
      text-align: center;
      -webkit-text-decoration: none;
      text-decoration: none;
      width: 2.5rem;
    }

.pagination .right a:focus-visible {
        background-color: #e2e8f0;
        background-color: var(--colors-slates-light);
        outline: 0;
      }

.pagination .right a:focus,.pagination .right a:hover {
        background-color: #e2e8f0;
        background-color: var(--colors-slates-light);
        outline: 0;
      }

.pagination .right a.first {
        border-bottom-left-radius: 0.375rem;
        border-top-left-radius: 0.375rem;
      }

.pagination .right a.last {
        border-bottom-right-radius: 0.375rem;
        border-top-right-radius: 0.375rem;
      }

.pagination .right a.active {
        background-color: #475569;
        background-color: var(--colors-slates-dark);
        border: 1px solid #475569;
        border: 1px solid var(--colors-slates-dark);
        color: #ffffff;
        color: var(--colors-white);
      }

.pagination .right a .feather {
        height: 12.5px;
      }

.schemes-details .border-less td {
      border: 0px solid #e5e5e5;
      vertical-align: top;
      width: 25%;
      word-break: break-word;
    }

.schemes-details table.details td {
      padding: 5px;
    }

.sign-in {
  align-items: flex-start;
  border-radius: 0.5rem;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  gap: var(--spacings-md);
  justify-content: flex-start;
  width: 100%;
}

.sign-in .provider {
    align-items: center;
    border-radius: 0.375rem;
    color: #ffffff;
    color: var(--colors-white);
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    gap: var(--spacings-sm);
    justify-content: center;
    padding: 0.5rem 2rem;
    padding: var(--spacings-sm) var(--spacings-lg);
    -webkit-text-decoration: none;
    text-decoration: none;
    width: 100%;
  }

@media only screen and (max-width: 1024px) {

.sign-in .provider {
      align-items: center;
      flex-direction: column;
      justify-content: center;
  }
    }

.sign-in .provider:hover {
      background-color: #334155;
      background-color: var(--colors-slates-darkest);
    }

.sign-in .provider.google {
      background-color: #dc2626;
    }

.sign-in .provider.google:hover {
        background-color: #b91c1c;
      }

.sign-in .provider.keycloak {
      background-color: #2563eb;
    }

.sign-in .provider.keycloak:hover {
        background-color: #1d4ed8;
      }

.table {
  display: block;
  overflow: auto;
  width: 100%;
}

.table table {
    border-collapse: collapse;
    border-width: 1px;
    width: 100%;
  }

.table table thead tr th {
          background-color: #475569;
          background-color: var(--colors-slates-dark);
          border: 1px solid #475569;
          border: 1px solid var(--colors-slates-dark);
          color: #ffffff;
          color: var(--colors-white);
          font-weight: 700;
          padding: 0.5rem 1rem;
          padding: var(--spacings-sm) var(--spacings-md);
          text-align: left;
          white-space: nowrap;
        }

.table table thead tr th.center {
            text-align: center;
          }

.table table thead tr th.narrow {
            width: 1px;
          }

.table table thead tr th.right {
            text-align: right;
          }

.table table thead tr th.right a {
              flex-direction: row-reverse;
            }

.table table thead tr th a {
            align-items: center;
            color: #ffffff;
            color: var(--colors-white);
            display: flex;
            flex-direction: row;
            gap: 0.5rem;
            gap: var(--spacings-sm);
            justify-content: flex-start;
            -webkit-text-decoration: underline;
            text-decoration: underline;
          }

.table table thead tr th a svg {
              height: 16px;
              width: 16px;
            }

.table table tbody tr:nth-child(even) {
          background-color: #f1f5f9;
          background-color: var(--colors-slates-lightest);
        }

.table table tbody tr td {
          border: 1px solid #e2e8f0;
          border: 1px solid var(--colors-slates-light);
          padding: 0.5rem 1rem;
          padding: var(--spacings-sm) var(--spacings-md);
          text-align: left;
          white-space: nowrap;
        }

.table table tbody tr td.center {
            text-align: center;
          }

.table table tbody tr td.narrow {
            width: 1px;
          }

.table table tbody tr td.right {
            text-align: right;
          }

.table table tbody tr td .actions {
            align-items: center;
            display: flex;
            flex-direction: row;
            gap: 0.5rem;
            gap: var(--spacings-sm);
            justify-content: center;
            white-space: nowrap;
          }

.table table tbody tr td button,.table table tbody tr td .button {
            font-size: 85%;
            line-height: 1rem;
            padding: 0.25rem 0.5rem;
            padding: var(--spacings-xs) var(--spacings-sm);
          }

.title {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 1rem;
  gap: var(--spacings-md);
  justify-content: space-between;
  width: 100%;
}

@media only screen and (max-width: 1024px) {

.title {
    align-items: stretch;
    flex-direction: column;
    justify-content: flex-start;
}
  }

.title .search {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 1rem;
    gap: var(--spacings-md);
    justify-content: flex-end;
    width: auto;
  }

@media only screen and (max-width: 1024px) {

.title .search {
      align-items: stretch;
      flex-direction: column;
      justify-content: flex-start;
  }
    }

.title .search .tag {
      align-items: center;
      background-color: #e2e8f0;
      background-color: var(--colors-slates-light);
      border: 1px solid #e2e8f0;
      border: 1px solid var(--colors-slates-light);
      border-radius: 2rem;
      border-radius: var(--spacings-lg);
      display: flex;
      flex-direction: row;
      gap: 0.5rem;
      gap: var(--spacings-sm);
      padding: 0.25rem 1rem;
      padding: var(--spacings-xs) var(--spacings-md);
      -webkit-text-decoration: none;
      text-decoration: none;
    }

.title .search .tag svg {
        height: 15px;
        width: 15px;
      }

.title .search form {
      align-items: flex-start;
      display: flex;
      flex-direction: row;
      gap: 1rem;
      gap: var(--spacings-md);
      justify-content: flex-end;
      width: auto;
    }

@media only screen and (max-width: 1024px) {

.title .search form {
        align-items: stretch;
        flex-direction: column;
        justify-content: flex-start;
    }
      }

.title .search form input {
        width: auto;
      }

.tooltip {
  cursor: help;
  display: inline-block;
  position: relative;
}

.tooltip .tooltiptext {
    background-color: #000000;
    background-color: var(--colors-black);
    border-radius: 5px;
    bottom: 125%;
    color: #ffffff;
    color: var(--colors-white);
    font-size: 10px;
    left: 50%;
    opacity: 0;
    padding: 6px 10px;
    position: absolute;
    text-align: center;
    top: auto;
    transform: translateX(-50%);
    visibility: hidden;
    white-space: normal;
    width: 500px;
    word-wrap: break-word;
    z-index: 1;
  }

.tooltip .tooltiptext::after {
      border-color: black transparent transparent transparent;
      border-style: solid;
      border-width: 8px;
      content: "";
      left: 50%;
      position: absolute;
      top: 100%;
      transform: translateX(-50%);
    }

.tooltip:hover .tooltiptext {
    opacity: 1;
    visibility: visible;
  }

/**********************************************************************************************************************/

.choices[data-type='select-one'] {
  border-radius: 0.375rem;
  margin: 0;
}

.choices.is-focused[data-type='select-one'] {
    outline: 1px solid #475569;
    outline: 1px solid var(--colors-slates-dark);
    outline-offset: 1px;
  }

.choices[data-type='select-one'] .choices__inner {
    background-color: #ffffff;
    background-color: var(--colors-white);
    border: 1px solid #e2e8f0;
    border: 1px solid var(--colors-slates-light);
    border-radius: 0.375rem;
    min-height: auto;
    padding: 0.25rem;
    padding: var(--spacings-xs);
    width: 100%;
  }

.choices[data-type='select-one'] .choices__inner select[hidden] {
        bottom: 0;
        display: block !important;
        left: 0;
        opacity: 0;
        pointer-events: none;
        position: absolute;
      }

.choices[data-type='select-one'] .choices__inner .choices__list {
      line-height: 28px;
    }

.choices[data-type='select-one'] .choices__inner .choices__list .choices__item {
        text-overflow: ellipsis;
        white-space: nowrap;
      }

.choices[data-type='select-one'] .choices__list--dropdown {
    border: 1px solid #e2e8f0;
    border: 1px solid var(--colors-slates-light);
    border-radius: 0.375rem;
    margin: 0.5rem 0 0 0;
    margin: var(--spacings-sm) 0 0 0;
    z-index: 2;
  }

.choices[data-type='select-one'] .choices__list--dropdown input {
      border: 0;
    }

.choices[data-type='select-one'] .choices__list--dropdown input:focus {
        border: 0;
        outline: 0;
      }

.choices[data-type='select-one'] .choices__list--dropdown .choices__list .choices__item.is-highlighted {
          background-color: #f1f5f9;
          background-color: var(--colors-slates-lightest);
        }

/**********************************************************************************************************************/