*, ::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(49 138 211 / 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(49 138 211 / 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:  ;
}/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #828282; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */
  tab-size: 4; /* 3 */
  font-family: 'Roboto Flex', Roboto, sans-serif; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

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

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: 'Roboto Mono', monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
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;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

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

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

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

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

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

progress {
  vertical-align: baseline;
}

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

::-webkit-inner-spin-button,
::-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.
*/

::-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 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

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;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #959595; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

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

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

input:where([type='text']),input:where(:not([type])),input:where([type='email']),input:where([type='url']),input:where([type='password']),input:where([type='number']),input:where([type='date']),input:where([type='datetime-local']),input:where([type='month']),input:where([type='search']),input:where([type='tel']),input:where([type='time']),input:where([type='week']),select:where([multiple]),textarea,select {
  appearance: none;
  background-color: #fff;
  border-color: #828282;
  border-width: 1px;
  border-radius: 0px;
  padding-top: 0.5rem;
  padding-right: 0.75rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 0 #0000;
}

input:where([type='text']):focus, input:where(:not([type])):focus, input:where([type='email']):focus, input:where([type='url']):focus, input:where([type='password']):focus, input:where([type='number']):focus, input:where([type='date']):focus, input:where([type='datetime-local']):focus, input:where([type='month']):focus, input:where([type='search']):focus, input:where([type='tel']):focus, input:where([type='time']):focus, input:where([type='week']):focus, select:where([multiple]):focus, textarea:focus, select:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2372b8;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-color: #2372b8;
}

input::placeholder,textarea::placeholder {
  color: #828282;
  opacity: 1;
}

::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}

::-webkit-date-and-time-value {
  min-height: 1.5em;
  text-align: inherit;
}

::-webkit-datetime-edit {
  display: inline-flex;
}

::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {
  padding-top: 0;
  padding-bottom: 0;
}

select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23828282' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
}

select:where([multiple]),select:where([size]:not([size="1"])) {
  background-image: initial;
  background-position: initial;
  background-repeat: unset;
  background-size: initial;
  padding-right: 0.75rem;
  -webkit-print-color-adjust: unset;
          print-color-adjust: unset;
}

input:where([type='checkbox']),input:where([type='radio']) {
  appearance: none;
  padding: 0;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  -webkit-user-select: none;
          user-select: none;
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
  color: #2372b8;
  background-color: #fff;
  border-color: #828282;
  border-width: 1px;
  --tw-shadow: 0 0 #0000;
}

input:where([type='checkbox']) {
  border-radius: 0px;
}

input:where([type='radio']) {
  border-radius: 100%;
}

input:where([type='checkbox']):focus,input:where([type='radio']):focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2372b8;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

input:where([type='checkbox']):checked,input:where([type='radio']):checked {
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

input:where([type='checkbox']):checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}

@media (forced-colors: active)  {

  input:where([type='checkbox']):checked {
    appearance: auto;
  }
}

input:where([type='radio']):checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}

@media (forced-colors: active)  {

  input:where([type='radio']):checked {
    appearance: auto;
  }
}

input:where([type='checkbox']):checked:hover,input:where([type='checkbox']):checked:focus,input:where([type='radio']):checked:hover,input:where([type='radio']):checked:focus {
  border-color: transparent;
  background-color: currentColor;
}

input:where([type='checkbox']):indeterminate {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

@media (forced-colors: active)  {

  input:where([type='checkbox']):indeterminate {
    appearance: auto;
  }
}

input:where([type='checkbox']):indeterminate:hover,input:where([type='checkbox']):indeterminate:focus {
  border-color: transparent;
  background-color: currentColor;
}

input:where([type='file']) {
  background: unset;
  border-color: inherit;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-size: unset;
  line-height: inherit;
}

input:where([type='file']):focus {
  outline: 1px solid ButtonText;
  outline: 1px auto -webkit-focus-ring-color;
}

:root {
  --ids-comp-accordion-background-color: var(--ids-base-color-transparent, rgba(0, 0, 0, 0));
  --ids-comp-accordion-border-color: var(--ids-sem-color-border-muted, #b2b2b2);
  --ids-comp-accordion-border-radius: var(--ids-sem-size-border-radius-default, 4px);
  --ids-comp-accordion-border-width: var(--ids-base-size-border-px, 1px);
  --ids-comp-accordion-contained-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-accordion-item-color: var(--ids-sem-color-on-surface-interactive-rest, #005ba8);
  --ids-comp-accordion-item-font-weight: var(--ids-sem-type-weight-interactive-default, 500);
  --ids-comp-accordion-item-line-height: var(--ids-base-type-leading-normal , 1.5);
  --ids-comp-accordion-item-gap: var(--ids-base-space-20, 0.5rem);
  --ids-comp-accordion-item-padding-block: var(--ids-base-space-20, 0.5rem);
  --ids-comp-accordion-item-padding-inline: var(--ids-base-space-10, 0.25rem);
  --ids-comp-accordion-badge-margin: var(--ids-base-space-20, 0.5rem);
  --ids-comp-accordion-item-hover-background-color: var(--ids-sem-color-surface-interactive-hover, #ebf6ff);
  --ids-comp-accordion-item-border-width: var(--ids-base-size-border-px, 1px);
  --ids-comp-accordion-item-border-color: transparent;
  --ids-comp-accordion-item-box-shadow: none;
  --ids-comp-accordion-item-focus-box-shadow: var(--ids-sem-ring-focus, 0 0 0 2px #ffffff, 0 0 0 4px #005ba8);
  --ids-comp-accordion-item-container-padding-inline: var(--ids-base-space-40, 1rem);
  --ids-comp-accordion-content-padding-block: var(--ids-base-space-25, 0.625rem);
  --ids-comp-accordion-content-padding-inline: var(--ids-base-space-10, 0.25rem);
  --ids-comp-accordion-content-contained-padding-inline: var(--ids-base-space-40, 1rem);
  --ids-comp-accordion-hover-transition-duration: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-accordion-hover-transition-easing: var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0));
  --ids-comp-accordion-expand-transition-duration: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-accordion-expand-transition-easing: var(--ids-base-easing-enter, cubic-bezier(0.25, 0.46, 0.45, 0.94));
  --ids-comp-accordion-collapse-transition-duration: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-accordion-collapse-transition-easing: var(--ids-base-easing-exit, cubic-bezier(0.55, 0.06, 0.68, 0.19));
  --ids-comp-accordion-transition-background-color: background-color var(--ids-comp-accordion-hover-transition-duration) var(--ids-comp-accordion-hover-transition-easing);
  --ids-comp-accordion-transition-box-shadow: box-shadow var(--ids-comp-accordion-hover-transition-duration) var(var(--ids-comp-accordion-hover-transition-easing));
  --ids-comp-accordion-transition-hover: var(--ids-comp-accordion-transition-background-color), var(--ids-comp-accordion-transition-box-shadow);
  transition-property: background-color, box-shadow;
  transition-duration: var(--ids-comp-accordion-hover-transition-duration);
  transition-timing-function: var(--ids-comp-accordion-hover-transition-easing);
  --ids-comp-accordion-border-radius-start-start: 0;
  --ids-comp-accordion-border-radius-start-end: 0;
  --ids-comp-accordion-border-radius-end-start: 0;
  --ids-comp-accordion-border-radius-end-end: 0;
  --ids-comp-accordion-border-top: medium none currentColor;
  --ids-comp-ai-loader-size: var(--ids-base-space-50);
  --ids-comp-ai-loader-gap: var(--ids-base-space-20);
  --ids-comp-ai-loader-font-size: var(--ids-base-type-size-md);
  --ids-comp-ai-loader-ring-color: var(--ids-sem-color-on-surface-primary, #2372b8);
  --ids-comp-ai-loader-ring-width: var(--ids-base-space-25, 0.625rem);
  --ids-comp-ai-loader-ring-linecap: round;
  --ids-comp-ai-loader-center-color: none;
  --ids-comp-alert-border-block-width: var(--ids-base-size-border-px, 1px);
  --ids-comp-alert-border-inline-width: var(--ids-base-size-border-lg, 8px) var(--ids-base-size-border-px, 1px);
  --ids-comp-alert-gap: var(--ids-base-space-30, 0.75rem);
  --ids-comp-alert-line-height: var(--ids-base-type-leading-snug, 1.3);
  --ids-comp-alert-link-color: var(--ids-sem-color-on-surface-link-rest, #005ba8);
  --ids-comp-alert-padding: var(--ids-base-space-30, 0.75rem);
  --ids-comp-alert-type-size: var(--ids-base-type-size-sm, 0.875rem);
  --ids-comp-alert-border-radius: var(--ids-sem-size-border-radius-default, 4px);
  --ids-comp-alert-padding-inline-end: var(--ids-base-space-40, 10rem);
  --ids-comp-alert-border-color: var(--ids-comp-alert-info-border-color);
  --ids-comp-alert-info-border-color: var(--ids-sem-color-border-info, #2372b8);
  --ids-comp-alert-success-border-color: var(--ids-sem-color-border-success, #3c7b29);
  --ids-comp-alert-caution-border-color: var(--ids-sem-color-border-caution, #ebb000);
  --ids-comp-alert-error-border-color: var(--ids-sem-color-border-error, #d41e27);
  --ids-comp-alert-icon-color: var(--ids-comp-alert-info-icon-color);
  --ids-comp-alert-info-icon-color: var(--ids-sem-color-on-surface-info-default, #2372b8);
  --ids-comp-alert-success-icon-color: var(--ids-sem-color-on-surface-success-default, #3c7b29);
  --ids-comp-alert-caution-icon-color: var(--ids-sem-color-on-surface-caution-default, #ebb000);
  --ids-comp-alert-error-icon-color: var(--ids-sem-color-on-surface-error-default, #d41e27);
  --ids-comp-alert-header-font-size: var(--ids-sem-typography-heading-h6-font-size, 0.875rem);
  --ids-comp-alert-header-font-weight: var(--ids-sem-typography-heading-h6-font-weight, 600);
  --ids-comp-alert-header-line-height: var(--ids-sem-typography-heading-h6-line-height, 1.2);
  --ids-comp-alert-close-btn-padding: var(--ids-base-space-10, 0.25rem);
  --ids-comp-alert-close-btn-inline-start: var(--ids-base-space-15, 0.375rem);
  --ids-comp-alert-close-btn-color: var(--ids-sem-color-on-surface-subdued, #5a5a5a);
  --ids-comp-alert-animation-duration-click-dismiss: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-alert-animation-duration-auto-dismiss: var(--ids-base-duration-slow, 500ms);
  --ids-comp-alert-animation-easing-exit: var(--ids-base-easing-exit, cubic-bezier(0.55, 0.06, 0.68, 0.19));
  --ids-comp-alert-transition-click-dismiss: opacity var(--ids-comp-alert-animation-duration-click-dismiss) var(--ids-comp-alert-animation-easing-exit);
  --ids-comp-alert-transition-auto-dismiss: opacity var(--ids-comp-alert-animation-duration-auto-dismiss) var(--ids-comp-alert-animation-easing-exit);
  --ids-comp-avatar-background-color: var(--ids-sem-color-surface-muted, #e3e3e3);
  --ids-comp-avatar-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-avatar-border-radius: var(--ids-sem-size-border-radius-round, 9999px);
  --ids-comp-avatar-line-height: var(--ids-base-type-leading-none, 1);
  --ids-comp-avatar-initials-text-transform: var(--ids-base-type-transform-uppercase, uppercase);
  --ids-comp-avatar-initials-type-weight: var(--ids-base-type-weight-medium, 500);
  --ids-comp-avatar-initials-width: 100%;
  --ids-comp-avatar-xs-width: var(--ids-base-space-60, 1.5rem);
  --ids-comp-avatar-xs-height: var(--ids-base-space-60, 1.5rem);
  --ids-comp-avatar-xs-font-size: var(--ids-base-type-size-xxs, 0.625rem);
  --ids-comp-avatar-xs-icon-width: var(--ids-base-space-30, 0.75rem);
  --ids-comp-avatar-xs-icon-height: var(--ids-base-space-30, 0.75rem);
  --ids-comp-avatar-sm-width: var(--ids-base-space-80, 2rem);
  --ids-comp-avatar-sm-height: var(--ids-base-space-80, 2rem);
  --ids-comp-avatar-sm-font-size: var(--ids-base-type-size-sm, 0.875rem);
  --ids-comp-avatar-sm-icon-width: var(--ids-base-space-40, 1rem);
  --ids-comp-avatar-sm-icon-height: var(--ids-base-space-40, 1rem);
  --ids-comp-avatar-md-width: var(--ids-base-space-100, 2.5rem);
  --ids-comp-avatar-md-height: var(--ids-base-space-100, 2.5rem);
  --ids-comp-avatar-md-font-size: var(--ids-base-type-size-lg, 1.125rem);
  --ids-comp-avatar-md-icon-width: var(--ids-base-space-50, 1.25rem);
  --ids-comp-avatar-md-icon-height: var(--ids-base-space-50, 1.25rem);
  --ids-comp-avatar-lg-width: var(--ids-base-space-120, 3rem);
  --ids-comp-avatar-lg-height: var(--ids-base-space-120, 3rem);
  --ids-comp-avatar-lg-font-size: var(--ids-base-type-size-xxl, 1.375rem);
  --ids-comp-avatar-lg-icon-width: var(--ids-base-space-60, 1.5rem);
  --ids-comp-avatar-lg-icon-height: var(--ids-base-space-60, 1.5rem);
  --ids-comp-avatar-interactive-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-avatar-interactive-border-color: var(--ids-sem-color-border-interactive-rest, #005ba8);
  --ids-comp-avatar-interactive-border-width: var(--ids-base-size-border-sm, 2px);
  --ids-comp-avatar-interactive-color: var(--ids-sem-color-on-surface-interactive-rest, #005ba8);
  --ids-comp-avatar-interactive-hover-background-color: var(--ids-sem-color-surface-interactive-hover, #ebf6ff);
  --ids-comp-avatar-interactive-font-family: inherit;
  --ids-comp-avatar-animation-duration: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-avatar-hover-easing: var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0));
  --ids-comp-avatar-transition: background-color var(--ids-comp-avatar-animation-duration) var(--ids-comp-avatar-hover-easing);
  --ids-comp-badge-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-badge-border-color: transparent;
  --ids-comp-badge-border-radius: var(--ids-sem-size-border-radius-round, 9999px);
  --ids-comp-badge-border-width: var(--ids-base-size-border-px, 1px);
  --ids-comp-badge-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-badge-font-size: var(--ids-base-type-size-sm, 0.875rem);
  --ids-comp-badge-font-weight: var(--ids-base-type-weight-regular, 400);
  --ids-comp-badge-gap: var(--ids-base-space-10, 0.25rem);
  --ids-comp-badge-line-height: var(--ids-base-type-leading-compact, 1);
  --ids-comp-badge-padding-block: var(--ids-base-space-10, 0.25rem);
  --ids-comp-badge-padding-inline: var(--ids-base-space-25, 0.625rem);
  --ids-comp-bottom-sheet-max-width: min(90%, var(--ids-base-screen-md, 680px));
  --ids-comp-bottom-sheet-max-height: min(90vh, 100svh);
  --ids-comp-bottom-sheet-handle-width: var(--ids-base-space-200, 5rem);
  --ids-comp-bottom-sheet-handle-height: var(--ids-base-space-60, 1.5rem);
  --ids-comp-bottom-sheet-handle-bar-color: var(--ids-sem-color-border-muted, #b2b2b2);
  --ids-comp-bottom-sheet-handle-bar-width: var(--ids-base-space-140, 3.5rem);
  --ids-comp-bottom-sheet-handle-bar-height: var(--ids-base-space-10, 0.25rem);
  --ids-comp-bottom-sheet-handle-bar-border-radius: var(--ids-base-size-border-radius-full, 9999px);
  --ids-comp-bottom-sheet-handle-bar-offset-block-start: var(--ids-base-space-30, 0.75rem);
  --ids-comp-bottom-sheet-header-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-bottom-sheet-header-padding-block-start: var(--ids-base-space-40, 1rem);
  --ids-comp-bottom-sheet-header-row-gap: 0;
  --ids-comp-bottom-sheet-header-row-min-block-size: var(--ids-base-space-100, 2.5rem);
  --ids-comp-bottom-sheet-header-row-padding-inline-start: var(--ids-base-space-40, 1rem);
  --ids-comp-bottom-sheet-header-row-padding-inline-end: var(--ids-base-space-40, 1rem);
  --ids-comp-bottom-sheet-body-padding-block: var(--ids-base-space-40, 1rem);
  --ids-comp-bottom-sheet-body-padding-inline: var(--ids-base-space-40, 1rem);
  --ids-comp-bottom-sheet-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-bottom-sheet-border-radius-top: var(--ids-base-size-border-radius-lg, 8px);
  --ids-comp-bottom-sheet-box-shadow: var(--ids-base-shadow-lg, 0 6px 6px 0 rgba(0,0,0,0.3));
  --ids-comp-bottom-sheet-scrim-background-color: var(--ids-sem-color-overlay-dark, rgba(74, 74, 74, 0.8));
  --ids-comp-bottom-sheet-animation-duration-enter: var(--ids-base-duration-fast, 250ms);
  --ids-comp-bottom-sheet-animation-duration-exit: var(--ids-base-duration-fast, 250ms);
  --ids-comp-bottom-sheet-animation-easing-enter: var(--ids-base-easing-enter, cubic-bezier(0.25, 0.46, 0.45, 0.94));
  --ids-comp-bottom-sheet-animation-easing-exit: var(--ids-base-easing-exit, cubic-bezier(0.55, 0.06, 0.68, 0.19));
  --ids-comp-bottom-sheet-transition-transform-enter: transform var(--ids-comp-bottom-sheet-animation-duration-enter) var(--ids-comp-bottom-sheet-animation-easing-enter);
  --ids-comp-bottom-sheet-transition-opacity-enter: opacity var(--ids-comp-bottom-sheet-animation-duration-enter) var(--ids-comp-bottom-sheet-animation-easing-enter);
  --ids-comp-bottom-sheet-transition-transform-exit: transform var(--ids-comp-bottom-sheet-animation-duration-exit) var(--ids-comp-bottom-sheet-animation-easing-exit);
  --ids-comp-bottom-sheet-transition-opacity-exit: opacity var(--ids-comp-bottom-sheet-animation-duration-exit) var(--ids-comp-bottom-sheet-animation-easing-exit);
  --ids-comp-bottom-sheet-transition-enter: var(--ids-comp-bottom-sheet-transition-transform-enter), var(--ids-comp-bottom-sheet-transition-opacity-enter);
  --ids-comp-bottom-sheet-transition-exit: var(--ids-comp-bottom-sheet-transition-transform-exit), var(--ids-comp-bottom-sheet-transition-opacity-exit);
  --ids-comp-breadcrumbs-display: flex;
  --ids-comp-breadcrumbs-flex-direction: row;
  --ids-comp-breadcrumbs-width: max-content;
  --ids-comp-breadcrumbs-color: var(--ids-sem-color-on-surface-link-rest, #005ba8);
  --ids-comp-breadcrumbs-hover-color: var(--ids-sem-color-on-surface-link-hover, #318ad3);
  --ids-comp-breadcrumbs-font-weight: var(--ids-sem-type-weight-interactive-default, 500);
  --ids-comp-breadcrumbs-box-shadow: var(--ids-sem-ring-focus, 0 0 0 2px #ffffff, 0 0 0 4px #005ba8);
  --ids-comp-breadcrumbs-divider-color: var(--ids-sem-color-on-surface-muted, #6d6d6d);
  --ids-comp-breadcrumbs-current-color: var(--ids-sem-color-on-surface-muted, #6d6d6d);
  --ids-comp-breadcrumbs-xs-font-size: var(--ids-base-type-size-xs, 0.75rem);
  --ids-comp-breadcrumbs-sm-font-size: var(--ids-base-type-size-sm, 0.875rem);
  --ids-comp-breadcrumbs-font-size: var(--ids-comp-breadcrumbs-sm-font-size);
  --ids-comp-breadcrumbs-transition-duration: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-breadcrumbs-transition-easing: var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0));
  --ids-comp-breadcrumbs-transition-color: color var(--ids-comp-breadcrumbs-transition-duration) var(--ids-comp-breadcrumbs-transition-easing);
  --ids-comp-breadcrumbs-transition: var(--ids-comp-breadcrumbs-transition-color);
  --ids-comp-btn-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-btn-border-color: var(--ids-base-color-transparent, rgba(0, 0, 0, 0));
  --ids-comp-btn-border-radius: var(--ids-sem-size-border-radius-button, 4px);
  --ids-comp-btn-border-style: solid;
  --ids-comp-btn-border-width: var(--ids-base-size-border-px, 1px);
  --ids-comp-btn-color: var(--ids-sem-color-on-surface-interactive-rest, #005ba8);
  --ids-comp-btn-cursor: pointer;
  --ids-comp-btn-font-family: var(--ids-sem-type-font-button-default, 'Roboto Flex', Roboto, sans-serif);
  --ids-comp-btn-font-size: var(--ids-comp-btn-md-font-size);
  --ids-comp-btn-font-weight: var(--ids-sem-type-weight-button-default, 600);
  --ids-comp-btn-gap: var(--ids-comp-btn-md-gap);
  --ids-comp-btn-height: auto;
  --ids-comp-btn-line-height: var(--ids-comp-btn-md-line-height);
  --ids-comp-btn-min-height: var(--ids-comp-btn-md-min-height);
  --ids-comp-btn-padding-block: var(--ids-comp-btn-md-padding-block);
  --ids-comp-btn-padding-inline: var(--ids-comp-btn-md-padding-inline);
  --ids-comp-btn-transition-duration: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-btn-transition-easing: var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0));
  --ids-comp-btn-transition-background-color: background-color var(--ids-comp-btn-transition-duration) var(--ids-comp-btn-transition-easing);
  --ids-comp-btn-transition-border-color: border-color var(--ids-comp-btn-transition-duration) var(--ids-comp-btn-transition-easing);
  --ids-comp-btn-transition-color: color var(--ids-comp-btn-transition-duration) var(--ids-comp-btn-transition-easing);
  --ids-comp-btn-transition-transform: transform var(--ids-comp-btn-transition-duration) var(--ids-comp-btn-transition-easing);
  --ids-comp-btn-transition-box-shadow: box-shadow var(--ids-comp-btn-transition-duration) var(--ids-comp-btn-transition-easing);
  --ids-comp-btn-transition: var(--ids-comp-btn-transition-background-color), var(--ids-comp-btn-transition-border-color), var(--ids-comp-btn-transition-color), var(--ids-comp-btn-transition-transform), var(--ids-comp-btn-transition-box-shadow);
  --ids-comp-btn-active-scale: 0.98;
  --ids-comp-btn-rest-scale: 1;
  --ids-comp-btn-hover-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-btn-hover-border-color: var(--ids-base-color-transparent, rgba(0, 0, 0, 0));
  --ids-comp-btn-hover-color: var(--ids-sem-color-on-surface-interactive-hover, #005ba8);
  --ids-comp-btn-active-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-btn-active-border-color: var(--ids-base-color-transparent, rgba(0, 0, 0, 0));
  --ids-comp-btn-active-color: var(--ids-sem-color-on-surface-interactive-active, #005ba8);
  --ids-comp-btn-focus-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-btn-focus-border-color: var(--ids-base-color-transparent, rgba(0, 0, 0, 0));
  --ids-comp-btn-focus-box-shadow: var(--ids-sem-ring-focus, 0 0 0 2px #ffffff, 0 0 0 4px #005ba8);
  --ids-comp-btn-focus-color: var(--ids-sem-color-on-surface-interactive-focus, #000000);
  --ids-comp-btn-disabled-background-color: var(--ids-sem-color-surface-interactive-disabled, #e3e3e3);
  --ids-comp-btn-disabled-border-color: var(--ids-sem-color-border-interactive-disabled, #b2b2b2);
  --ids-comp-btn-disabled-color: var(--ids-sem-color-on-surface-interactive-disabled, #959595);
  --ids-comp-btn-disabled-cursor: not-allowed;
  --ids-comp-btn-primary-background-color: var(--ids-sem-color-surface-button-primary-rest, #005ba8);
  --ids-comp-btn-primary-border-color: var(--ids-sem-color-border-button-primary-rest, rgba(0, 0, 0, 0));
  --ids-comp-btn-primary-border-width: var(--ids-sem-size-border-button-primary, 0px);
  --ids-comp-btn-primary-color: var(--ids-sem-color-on-surface-button-primary-rest, #ffffff);
  --ids-comp-btn-primary-hover-background-color: var(--ids-sem-color-surface-button-primary-hover, #2372b8);
  --ids-comp-btn-primary-hover-border-color: var(--ids-sem-color-border-button-primary-hover, rgba(0, 0, 0, 0));
  --ids-comp-btn-primary-hover-color: var(--ids-sem-color-on-surface-button-primary-hover, #ffffff);
  --ids-comp-btn-primary-active-background-color: var(--ids-sem-color-surface-button-primary-active, #2372b8);
  --ids-comp-btn-primary-active-border-color: var(--ids-sem-color-border-button-primary-active, rgba(0, 0, 0, 0));
  --ids-comp-btn-primary-active-color: var(--ids-sem-color-on-surface-button-primary-active, #ffffff);
  --ids-comp-btn-primary-focus-background-color: var(--ids-sem-color-surface-button-primary-focus, #005ba8);
  --ids-comp-btn-primary-focus-border-color: var(--ids-sem-color-border-button-primary-focus, rgba(0, 0, 0, 0));
  --ids-comp-btn-primary-focus-box-shadow: var(--ids-sem-ring-focus, 0 0 0 2px #ffffff, 0 0 0 4px #005ba8);
  --ids-comp-btn-primary-focus-color: var(--ids-sem-color-on-surface-button-primary-focus, #ffffff);
  --ids-comp-btn-primary-disabled-background-color: var(--ids-sem-color-surface-button-primary-disabled, #e3e3e3);
  --ids-comp-btn-primary-disabled-border-color: var(--ids-sem-color-border-button-primary-disabled, rgba(0, 0, 0, 0));
  --ids-comp-btn-primary-disabled-color: var(--ids-sem-color-on-surface-button-primary-disabled, #959595);
  --ids-comp-btn-secondary-background-color: var(--ids-sem-color-surface-button-secondary-rest, rgba(0, 0, 0, 0));
  --ids-comp-btn-secondary-border-color: var(--ids-sem-color-border-button-secondary-rest, #005ba8);
  --ids-comp-btn-secondary-border-width: var(--ids-sem-size-border-button-secondary, 1px);
  --ids-comp-btn-secondary-color: var(--ids-sem-color-on-surface-button-secondary-rest, #005ba8);
  --ids-comp-btn-secondary-hover-background-color: var(--ids-sem-color-surface-button-secondary-hover, #ebf6ff);
  --ids-comp-btn-secondary-hover-border-color: var(--ids-sem-color-border-button-secondary-hover, #005ba8);
  --ids-comp-btn-secondary-hover-color: var(--ids-sem-color-on-surface-button-secondary-hover, #005ba8);
  --ids-comp-btn-secondary-active-background-color: var(--ids-sem-color-surface-button-secondary-active, #ebf6ff);
  --ids-comp-btn-secondary-active-border-color: var(--ids-sem-color-border-button-secondary-active, #005ba8);
  --ids-comp-btn-secondary-active-color: var(--ids-sem-color-on-surface-button-secondary-active, #005ba8);
  --ids-comp-btn-secondary-focus-background-color: var(--ids-sem-color-surface-button-secondary-focus, rgba(0, 0, 0, 0));
  --ids-comp-btn-secondary-focus-border-color: var(--ids-sem-color-border-button-secondary-focus, #005ba8);
  --ids-comp-btn-secondary-focus-box-shadow: var(--ids-sem-ring-focus, 0 0 0 2px #ffffff, 0 0 0 4px #005ba8);
  --ids-comp-btn-secondary-focus-color: var(--ids-sem-color-on-surface-button-secondary-focus, #005ba8);
  --ids-comp-btn-secondary-disabled-background-color: var(--ids-sem-color-surface-button-secondary-disabled, rgba(0, 0, 0, 0));
  --ids-comp-btn-secondary-disabled-border-color: var(--ids-sem-color-border-button-secondary-disabled, #b2b2b2);
  --ids-comp-btn-secondary-disabled-color: var(--ids-sem-color-on-surface-button-secondary-disabled, #959595);
  --ids-comp-btn-secondary-rounded-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-btn-secondary-rounded-border-color: var(--ids-base-color-transparent, rgba(0, 0, 0, 0));
  --ids-comp-btn-tertiary-background-color: var(--ids-sem-color-surface-button-tertiary-rest, rgba(0, 0, 0, 0));
  --ids-comp-btn-tertiary-border-color: var(--ids-sem-color-border-button-tertiary-rest, rgba(0, 0, 0, 0));
  --ids-comp-btn-tertiary-border-width: var(--ids-sem-size-border-button-tertiary, 0px);
  --ids-comp-btn-tertiary-color: var(--ids-sem-color-on-surface-button-tertiary-rest, #005ba8);
  --ids-comp-btn-tertiary-hover-background-color: var(--ids-sem-color-surface-button-tertiary-hover, #ebf6ff);
  --ids-comp-btn-tertiary-hover-border-color: var(--ids-sem-color-border-button-tertiary-hover, rgba(0, 0, 0, 0));
  --ids-comp-btn-tertiary-hover-color: var(--ids-sem-color-on-surface-button-tertiary-hover, #005ba8);
  --ids-comp-btn-tertiary-active-background-color: var(--ids-sem-color-surface-button-tertiary-active, #ebf6ff);
  --ids-comp-btn-tertiary-active-border-color: var(--ids-sem-color-border-button-tertiary-active, rgba(0, 0, 0, 0));
  --ids-comp-btn-tertiary-active-color: var(--ids-sem-color-on-surface-button-tertiary-active, #005ba8);
  --ids-comp-btn-tertiary-focus-background-color: var(--ids-sem-color-surface-button-tertiary-focus, rgba(0, 0, 0, 0));
  --ids-comp-btn-tertiary-focus-border-color: var(--ids-sem-color-border-button-tertiary-focus, rgba(0, 0, 0, 0));
  --ids-comp-btn-tertiary-focus-box-shadow: var(--ids-sem-ring-focus, 0 0 0 2px #ffffff, 0 0 0 4px #005ba8);
  --ids-comp-btn-tertiary-focus-color: var(--ids-sem-color-on-surface-button-tertiary-focus, #005ba8);
  --ids-comp-btn-tertiary-disabled-background-color: var(--ids-sem-color-surface-button-tertiary-disabled, rgba(0, 0, 0, 0));
  --ids-comp-btn-tertiary-disabled-border-color: var(--ids-sem-color-border-button-tertiary-disabled, rgba(0, 0, 0, 0));
  --ids-comp-btn-tertiary-disabled-color: var(--ids-sem-color-on-surface-button-tertiary-disabled, #959595);
  --ids-comp-btn-inverse-background-color: var(--ids-base-color-transparent, rgba(0, 0, 0, 0));
  --ids-comp-btn-inverse-border-color: var(--ids-base-color-transparent, rgba(0, 0, 0, 0));
  --ids-comp-btn-inverse-text-color: var(--ids-sem-color-on-surface-inverse, #ffffff);
  --ids-comp-btn-inverse-hover-background-color: var(--ids-sem-color-surface-inverse-muted, #5a5a5a);
  --ids-comp-btn-inverse-hover-text-color: var(--ids-sem-color-on-surface-inverse, #ffffff);
  --ids-comp-btn-rounded-border-radius: var(--ids-sem-size-border-radius-round, 9999px);
  --ids-comp-btn-rounded-box-shadow: var(--ids-base-shadow-md, 0 4px 4px 0 rgba(0,0,0,0.1));
  --ids-comp-btn-rounded-focus-box-shadow: var(--ids-comp-btn-rounded-box-shadow), var(--ids-sem-ring-focus, 0 0 0 2px #ffffff, 0 0 0 4px #005ba8);
  --ids-comp-btn-rounded-sm-min-width: var(--ids-base-space-80, 2rem);
  --ids-comp-btn-rounded-lg-min-width: var(--ids-base-space-120, 3rem);
  --ids-comp-btn-rounded-disabled-background-color: var(--ids-sem-color-surface-button-primary-disabled, #e3e3e3);
  --ids-comp-btn-rounded-disabled-border-color: var(--ids-sem-color-border-button-primary-disabled, rgba(0, 0, 0, 0));
  --ids-comp-btn-xs-font-size: var(--ids-base-type-size-xs, 0.75rem);
  --ids-comp-btn-xs-gap: var(--ids-base-space-15, 0.375rem);
  --ids-comp-btn-xs-line-height: var(--ids-base-type-leading-none, 1);
  --ids-comp-btn-xs-min-height: var(--ids-base-space-60, 1.5rem);
  --ids-comp-btn-xs-padding-inline: var(--ids-base-space-15, 0.375rem);
  --ids-comp-btn-xs-padding-block: var(--ids-base-space-20, 0.5rem);
  --ids-comp-btn-sm-font-size: var(--ids-base-type-size-sm, 0.875rem);
  --ids-comp-btn-sm-gap: var(--ids-base-space-15, 0.375rem);
  --ids-comp-btn-sm-line-height: var(--ids-base-type-leading-none, 1);
  --ids-comp-btn-sm-min-height: var(--ids-base-space-80, 2rem);
  --ids-comp-btn-sm-padding-inline: var(--ids-base-space-20, 0.5rem);
  --ids-comp-btn-sm-padding-block: var(--ids-base-space-20, 0.5rem);
  --ids-comp-btn-md-font-size: var(--ids-base-type-size-md, 1rem);
  --ids-comp-btn-md-gap: var(--ids-base-space-20, 0.5rem);
  --ids-comp-btn-md-line-height: var(--ids-base-type-leading-none, 1);
  --ids-comp-btn-md-min-height: var(--ids-base-space-100, 2.5rem);
  --ids-comp-btn-md-padding-inline: var(--ids-base-space-30, 0.75rem);
  --ids-comp-btn-md-padding-block: var(--ids-base-space-30, 0.75rem);
  --ids-comp-btn-lg-font-size: var(--ids-base-type-size-xl, 1.25rem);
  --ids-comp-btn-lg-gap: var(--ids-base-space-20, 0.5rem);
  --ids-comp-btn-lg-line-height: var(--ids-base-type-leading-none, 1);
  --ids-comp-btn-lg-min-height: var(--ids-base-space-120, 3rem);
  --ids-comp-btn-lg-padding-block: var(--ids-base-space-35, 0.875rem);
  --ids-comp-btn-lg-padding-inline: var(--ids-base-space-40, 1rem);
  --ids-comp-btn-aux-background-color: var(--ids-comp-btn-tertiary-background-color, rgba(0, 0, 0, 0));
  --ids-comp-btn-aux-border-width: 0px;
  --ids-comp-btn-aux-color: var(--ids-comp-btn-tertiary-color, #005ba8);
  --ids-comp-btn-aux-font-size: var(--ids-base-type-size-xs, 0.75rem);
  --ids-comp-btn-aux-font-weight: var(--ids-sem-type-weight-button-aux, 400);
  --ids-comp-btn-aux-gap: var(--ids-base-space-10, 0.25rem);
  --ids-comp-btn-aux-letter-tracking: var(--ids-base-type-tracking-wider, 0.04em);
  --ids-comp-btn-aux-letter-spacing: calc(var(--ids-comp-btn-aux-font-size) * var(--ids-comp-btn-aux-letter-tracking));
  --ids-comp-btn-aux-line-height: var(--ids-base-type-leading-none, 1);
  --ids-comp-btn-aux-min-height: var(--ids-base-space-60, 1.5rem);
  --ids-comp-btn-aux-padding-block: var(--ids-base-space-15, 0.375rem);
  --ids-comp-btn-aux-padding-inline: var(--ids-base-space-10, 0.25rem);
  --ids-comp-btn-aux-text-transform: uppercase;
  --ids-comp-btn-aux-focus-background-color: var(--ids-sem-color-surface-button-tertiary-focus, rgba(0, 0, 0, 0));
  --ids-comp-btn-aux-focus-border-color: var(--ids-sem-color-border-button-tertiary-focus, rgba(0, 0, 0, 0));
  --ids-comp-btn-aux-focus-box-shadow: var(--ids-sem-ring-focus, 0 0 0 2px #ffffff, 0 0 0 4px #005ba8);
  --ids-comp-btn-aux-focus-color: var(--ids-sem-color-on-surface-button-tertiary-focus, #005ba8);
  --ids-comp-btn-aux-hover-background-color: var(--ids-comp-btn-tertiary-hover-background-color, #ebf6ff);
  --ids-comp-btn-aux-hover-color: var(--ids-comp-btn-tertiary-hover-color, #005ba8);
  --ids-comp-btn-aux-active-background-color: var(--ids-sem-color-surface-button-tertiary-active, #ebf6ff);
  --ids-comp-btn-aux-active-border-color: var(--ids-sem-color-border-button-tertiary-active, rgba(0, 0, 0, 0));
  --ids-comp-btn-aux-active-color: var(--ids-sem-color-on-surface-button-tertiary-active, #005ba8);
  --ids-comp-btn-aux-disabled-background-color: var(--ids-comp-btn-tertiary-disabled-background-color, rgba(0, 0, 0, 0));
  --ids-comp-btn-aux-disabled-color: var(--ids-comp-btn-tertiary-disabled-color, #959595);
  --ids-comp-btn-static-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-btn-static-border-color: var(--ids-base-color-transparent, rgba(0, 0, 0, 0));
  --ids-comp-btn-static-color: var(--ids-sem-color-on-surface-subdued, #5a5a5a);
  --_ids-comp-btn-static-min-height: auto;
  --ids-comp-btn-static-padding-block: var(--ids-base-space-10, 0.25rem);
  --ids-comp-btn-static-padding-inline: var(--ids-base-space-10, 0.25rem);
  --ids-comp-btn-static-icon-color: var(--ids-sem-color-on-surface-subdued, #5a5a5a);
  --ids-comp-card-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-card-border-color: var(--ids-sem-color-border-muted, #b2b2b2);
  --ids-comp-card-border-radius: var(--ids-sem-size-border-radius-default, 4px);
  --ids-comp-card-border-width: var(--ids-base-size-border-px, 1px);
  --ids-comp-card-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-card-font-weight: var(--ids-sem-type-weight-interactive-default, 500);
  --ids-comp-card-line-height: var(--ids-base-type-leading-tight, 1.25);
  --ids-comp-card-body-font-size: var(--ids-base-type-size-sm, 0.875rem);
  --ids-comp-card-body-padding: var(--ids-base-space-40, 1rem);
  --ids-comp-card-body-gap: var(--ids-base-space-10, 0.25rem);
  --ids-comp-card-footer-gap: var(--ids-base-space-40, 1rem);
  --ids-comp-card-footer-min-height: var(--ids-base-space-100, 2.5rem);
  --ids-comp-card-footer-padding-inline: var(--ids-base-space-40, 1rem);
  --ids-comp-card-footer-align-items: center;
  --ids-comp-card-media-left-body-padding: var(--ids-base-space-20, 0.5rem);
  --ids-comp-card-media-left-title-margin: var(--ids-base-space-0, 0px);
  --ids-comp-card-media-left-title-padding: var(--ids-base-space-10, 0.25rem);
  --ids-comp-calendar-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-calendar-width-min: calc(var(--ids-base-space-800, 320px) + var(--ids-base-space-20, 8px));
  --ids-comp-calendar-hdr-title-color: var(--ids-sem-color-on-surface-link-rest, #005ba8);
  --ids-comp-calendar-hdr-title-font-size: var(--ids-base-type-size-lg, 1.125rem);
  --ids-comp-calendar-hdr-title-font-weight: var(--ids-sem-type-weight-interactive-default, 500);
  --ids-comp-calendar-hdr-days-color: var(--ids-sem-color-on-surface-muted, #6d6d6d);
  --ids-comp-calendar-hdr-days-font-size: var(--ids-base-type-size-xs, 0.75rem);
  --ids-comp-calendar-day-font-size: var(--ids-base-type-size-md, 1rem);
  --ids-comp-calendar-month-border-radius: var(--ids-sem-size-border-radius-default, 4px);
  --ids-comp-calendar-option-bg-color: var(--ids-base-color-transparent, rgba(0, 0, 0, 0));
  --ids-comp-calendar-option-font-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-calendar-option-prev-font-color: var(--ids-sem-color-on-surface-interactive-disabled, #959595);
  --ids-comp-calendar-option-next-font-color: var(--ids-sem-color-on-surface-interactive-disabled, #959595);
  --ids-comp-calendar-option-hover-bg-color: var(--ids-sem-color-surface-interactive-hover, #ebf6ff);
  --ids-comp-calendar-option-hover-font-color: var(--ids-sem-color-on-surface-interactive-hover, #005ba8);
  --ids-comp-calendar-option-selected-bg-color: var(--ids-sem-color-surface-interactive-inverse-selected, #003468);
  --ids-comp-calendar-option-selected-font-color: var(--ids-sem-color-on-surface-interactive-inverse-selected, #ffffff);
  --ids-comp-calendar-option-disabled-bg-color: var(--ids-base-color-transparent, rgba(0, 0, 0, 0));
  --ids-comp-calendar-option-disabled-font-color: var(--ids-sem-color-on-surface-interactive-disabled, #959595);
  --ids-comp-calendar-range-bg-color: var(--ids-sem-color-surface-interactive-hover, #ebf6ff);
  --ids-comp-calendar-today-indicator-color: var(--ids-sem-color-on-surface-primary, #2372b8);
  --ids-comp-checkbox-gap: var(--ids-base-space-20, 0.5rem);
  --ids-comp-checkbox-align-items: anchor-center;
  --ids-comp-checkbox-margin-block: 0;
  --ids-comp-checkbox-font-size: var(--ids-base-type-size-md, 1rem);
  --ids-comp-checkbox-line-height: var(--ids-base-type-leading-tight, 1.25);
  --ids-comp-checkbox-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-checkbox-border-color: var(--ids-sem-color-border-default, #828282);
  --ids-comp-checkbox-border-radius: var(--ids-sem-size-border-radius-default, 4px);
  --ids-comp-checkbox-border-width: var(--ids-base-size-border-px, 1px);
  --ids-comp-checkbox-color: ;
  --ids-comp-checkbox-height: var(--ids-base-space-50, 1.25rem);
  --ids-comp-checkbox-width: var(--ids-base-space-50, 1.25rem);
  --ids-comp-checkbox-tick-mask-check: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEyLjgsNC40QzEyLjksNC41LDEzLDQuNywxMyw0LjljMCwwLjItMC4xLDAuNC0wLjIsMC41bC01LjcsNS43Yy0wLjEsMC4xLTAuMywwLjItMC41LDAuMmMtMC4yLDAtMC40LTAuMS0wLjUtMC4yTDMuMiw4LjJDMy4xLDguMSwzLDcuOSwzLDcuN2MwLTAuMiwwLjEtMC40LDAuMi0wLjVDMy40LDcuMSwzLjUsNywzLjcsN2MwLjIsMCwwLjQsMC4xLDAuNSwwLjJsMi4zLDIuM2w1LjItNS4yYzAuMS0wLjEsMC4zLTAuMiwwLjUtMC4yQzEyLjUsNC4yLDEyLjYsNC4yLDEyLjgsNC40eiIvPjwvc3ZnPg==);
  --ids-comp-checkbox-tick-mask-hyphen: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMy4zMzM1IDhIMTIuNjY2OCIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==);
  --ids-comp-checkbox-sm-font-size: var(--ids-base-type-size-sm, 0.875rem);
  --ids-comp-checkbox-sm-line-height: var(--ids-base-type-leading-snug, 1.3);
  --ids-comp-checkbox-md-font-size: var(--ids-base-type-size-md, 1rem);
  --ids-comp-checkbox-md-line-height: var(--ids-base-type-leading-tight, 1.25);
  --ids-comp-checkbox-lg-font-size: var(--ids-base-type-size-xl, 1.25rem);
  --ids-comp-checkbox-lg-line-height: var(--ids-base-type-leading-tight, 1.25);
  --ids-comp-checkbox-hover-background-color: var(--ids-sem-color-surface-interactive-hover, #ebf6ff);
  --ids-comp-checkbox-hover-border-color: var(--ids-sem-color-border-default, #828282);
  --ids-comp-checkbox-checked-background-color: var(--ids-sem-color-surface-interactive-inverse-selected, #003468);
  --ids-comp-checkbox-tick-color-checked: var(--ids-sem-color-on-surface-interactive-inverse-selected, #ffffff);
  --ids-comp-checkbox-indeterminate-background-color: var(--ids-sem-color-surface-interactive-inverse-selected, #003468);
  --ids-comp-checkbox-disabled-color: var(--ids-sem-color-on-surface-interactive-disabled, #959595);
  --ids-comp-checkbox-tick-color-disabled: var(--ids-sem-color-on-surface-interactive-disabled, #959595);
  --ids-comp-checkbox-disabled-background-color: var(--ids-sem-color-surface-interactive-disabled, #e3e3e3);
  --ids-comp-checkbox-disabled-border-color: var(--ids-sem-color-border-interactive-disabled, #b2b2b2);
  --ids-comp-checkbox-focus-border-color: var(--ids-sem-color-border-button-primary-focus, rgba(0, 0, 0, 0));
  --ids-comp-checkbox-focus-box-shadow: var(--ids-sem-ring-focus, 0 0 0 2px #ffffff, 0 0 0 4px #005ba8);
  --ids-comp-checkbox-transition-duration: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-checkbox-transition-easing: var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0));
  --ids-comp-checkbox-transition-background-color: background-color var(--ids-comp-checkbox-transition-duration) var(--ids-comp-checkbox-transition-easing);
  --ids-comp-checkbox-transition-border-color: border-color var(--ids-comp-checkbox-transition-duration) var(--ids-comp-checkbox-transition-easing);
  --ids-comp-checkbox-transition-box-shadow: box-shadow var(--ids-comp-checkbox-transition-duration) var(--ids-comp-checkbox-transition-easing);
  --ids-comp-checkbox-transition: var(--ids-comp-checkbox-transition-background-color), var(--ids-comp-checkbox-transition-border-color), var(--ids-comp-checkbox-transition-box-shadow);
  --ids-comp-chip-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-chip-border-color: var(--ids-sem-color-border-interactive-rest, #005ba8);
  --ids-comp-chip-border-radius: var(--ids-sem-size-border-radius-round, 9999px);
  --ids-comp-chip-border-width: var(--ids-base-size-border-px, 1px);
  --ids-comp-chip-color: var(--ids-sem-color-on-surface-interactive-rest, #005ba8);
  --ids-comp-chip-font-size: var(--ids-base-type-size-sm, 0.875rem);
  --ids-comp-chip-font-weight: var(--ids-sem-type-weight-interactive-default, 500);
  --ids-comp-chip-gap: var(--ids-base-space-10, 0.25rem);
  --ids-comp-chip-line-height: var(--ids-base-type-leading-none, 1);
  --ids-comp-chip-padding-block: var(--ids-base-space-10, 0.25rem);
  --ids-comp-chip-padding-inline: var(--ids-base-space-25, 0.625rem);
  --ids-comp-chip-icon-width: 1em;
  --ids-comp-chip-icon-height: 1em;
  --ids-comp-chip-hover-background-color: var(--ids-sem-color-surface-interactive-hover, #ebf6ff);
  --ids-comp-chip-hover-border-color: var(--ids-sem-color-border-interactive-hover, #005ba8);
  --ids-comp-chip-hover-color: var(--ids-sem-color-on-surface-interactive-hover, #005ba8);
  --ids-comp-chip-focus-border-color: var(--ids-sem-color-border-button-secondary-focus, #005ba8);
  --ids-comp-chip-focus-box-shadow: var(--ids-sem-ring-focus, 0 0 0 2px #ffffff, 0 0 0 4px #005ba8);
  --ids-comp-chip-disabled-background-color: var(--ids-sem-color-surface-interactive-disabled, #e3e3e3);
  --ids-comp-chip-disabled-border-color: var(--ids-sem-color-border-interactive-disabled, #b2b2b2);
  --ids-comp-chip-disabled-color: var(--ids-sem-color-on-surface-interactive-disabled, #959595);
  --ids-comp-chip-cursor-disabled: not-allowed;
  --ids-comp-chip-toggle-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-chip-toggle-border-color: var(--ids-sem-color-border-interactive-rest, #005ba8);
  --ids-comp-chip-toggle-font-weight: var(--ids-base-type-weight-regular, 400);
  --ids-comp-chip-toggle-selected-background-color: var(--ids-sem-color-surface-interactive-inverse-selected, #003468);
  --ids-comp-chip-toggle-selected-border-color: var(--ids-sem-color-border-interactive-selected, #003468);
  --ids-comp-chip-toggle-selected-color: var(--ids-sem-color-on-surface-interactive-inverse-selected, #ffffff);
  --ids-comp-chip-filter-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-chip-filter-border-color: var(--ids-sem-color-border-muted, #b2b2b2);
  --ids-comp-chip-filter-font-weight: var(--ids-base-type-weight-regular, 400);
  --ids-comp-chip-filter-icon-color: var(--ids-sem-color-on-surface-subtle, #959595);
  --ids-comp-chip-filter-icon-width: var(--ids-base-space-30, 0.75rem);
  --ids-comp-chip-filter-icon-height: var(--ids-base-space-30, 0.75rem);
  --ids-comp-chip-animation-duration-hover: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-chip-animation-duration-state-change: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-chip-animation-duration-exit: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-chip-animation-easing-morph: var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0));
  --ids-comp-chip-animation-easing-exit: var(--ids-base-easing-exit, cubic-bezier(0.55, 0.06, 0.68, 0.19));
  --ids-comp-chip-transition-background-color: background-color var(--ids-comp-chip-animation-duration-hover) var(--ids-comp-chip-animation-easing-morph);
  --ids-comp-chip-transition-border-color: border-color var(--ids-comp-chip-animation-duration-hover) var(--ids-comp-chip-animation-easing-morph);
  --ids-comp-chip-transition-color: color var(--ids-comp-chip-animation-duration-hover) var(--ids-comp-chip-animation-easing-morph);
  --ids-comp-chip-transition-box-shadow: box-shadow var(--ids-comp-chip-animation-duration-hover) var(--ids-comp-chip-animation-easing-morph);
  --ids-comp-chip-transition-state-background-color: background-color var(--ids-comp-chip-animation-duration-state-change) var(--ids-comp-chip-animation-easing-morph);
  --ids-comp-chip-transition-state-border-color: border-color var(--ids-comp-chip-animation-duration-state-change) var(--ids-comp-chip-animation-easing-morph);
  --ids-comp-chip-transition-state-color: color var(--ids-comp-chip-animation-duration-state-change) var(--ids-comp-chip-animation-easing-morph);
  --ids-comp-chip-transition-exit: opacity var(--ids-comp-chip-animation-duration-exit) var(--ids-comp-chip-animation-easing-exit), transform var(--ids-comp-chip-animation-duration-exit) var(--ids-comp-chip-animation-easing-exit);
  --ids-comp-chip-transition-hover: var(--ids-comp-chip-transition-background-color), var(--ids-comp-chip-transition-border-color), var(--ids-comp-chip-transition-color);
  --ids-comp-chip-transition-state-change: var(--ids-comp-chip-transition-state-background-color), var(--ids-comp-chip-transition-state-border-color), var(--ids-comp-chip-transition-state-color);
  --ids-comp-chip-transition-focus: var(--ids-comp-chip-transition-border-color), var(--ids-comp-chip-transition-box-shadow);
  --ids-comp-combobox-icon-color: var(--ids-sem-color-on-surface-interactive-rest, #005ba8);
  --ids-comp-combobox-width: 100%;
  --ids-comp-combobox-z-index: 2;
  --ids-comp-combobox-animation-duration: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-combobox-animation-easing: var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0));
  --ids-comp-combobox-icon-transition: transform var(--ids-comp-combobox-animation-duration) var(--ids-comp-combobox-animation-easing);
  --ids-comp-flag-background-color: var(--_ids-comp-flag-background-color, var(--ids-comp-indicator-background-color));
  --ids-comp-flag-color: var(--_ids-comp-flag-color, var(--ids-comp-indicator-color));
  --ids-comp-flag-font-size: var(--ids-base-type-size-xxs, 0.625rem);
  --ids-comp-flag-font-weight: var(--ids-base-type-weight-semibold, 600);
  --ids-comp-flag-gap: var(--ids-base-space-10, 0.25rem);
  --ids-comp-flag-padding-block: var(--ids-base-space-05, 0.125rem);
  --ids-comp-flag-padding-inline: var(--ids-base-space-15, 0.375rem);
  --ids-comp-flag-line-height: 0.625rem;
  --ids-comp-flag-min-height: 1rem;
  --ids-comp-flag-tail-width: calc(var(--ids-comp-flag-padding-block) + var(--ids-comp-flag-line-height) / 2);
  --ids-comp-form-control-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-form-control-border-block-width: var(--ids-base-size-border-px, 1px);
  --ids-comp-form-control-border-color: var(--ids-sem-color-border-default, #828282);
  --ids-comp-form-control-border-inline-width: var(--ids-base-size-border-px, 1px);
  --ids-comp-form-control-border-style: solid;
  --ids-comp-form-control-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-form-control-font-size: var(--ids-base-type-size-md, 1rem);
  --ids-comp-form-control-font-family: var(--ids-base-type-font-sans, 'Roboto Flex', Roboto, sans-serif);
  --ids-comp-form-control-line-height: var(---ids-base-type-leading-none, 1);
  --ids-comp-form-control-height-min: var(--ids-comp-form-control-md-height-min);
  --ids-comp-form-control-width-min: 0;
  --ids-comp-form-control-padding-block: var(--ids-base-space-20, 0.5rem);
  --ids-comp-form-control-padding-block-offset: var(--ids-base-size-border-px, 1px);
  --ids-comp-form-control-padding-inline: var(--ids-comp-form-control-padding-inline-md);
  --ids-comp-form-control-padding-block-sm: var(--ids-base-space-15, 0.375rem);
  --ids-comp-form-control-padding-inline-sm: var(--ids-base-space-20, 0.5rem);
  --ids-comp-form-control-font-size-sm: var(--ids-base-type-size-sm, 0.875rem);
  --ids-comp-form-control-gap-sm: var(--ids-base-space-15, 0.375rem);
  --ids-comp-form-control-sm-height-min: var(--ids-base-space-80, 2rem);
  --ids-comp-form-control-static-sm-height: var(--ids-base-space-60, 1.5rem);
  --ids-comp-form-control-padding-inline-md: var(--ids-base-space-30, 0.75rem);
  --ids-comp-form-control-md-height-min: var(--ids-base-space-100, 2.5rem);
  --ids-comp-form-control-static-md-height: var(--ids-base-space-60, 1.5rem);
  --ids-comp-form-control-padding-block-lg: var(--ids-base-space-25, 0.625rem);
  --ids-comp-form-control-padding-inline-lg: var(--ids-base-space-40, 1rem);
  --ids-comp-form-control-font-size-lg: var(--ids-base-type-size-xl, 1.25rem);
  --ids-comp-form-control-lg-height-min: var(--ids-base-space-120, 3rem);
  --ids-comp-form-control-static-lg-height: var(--ids-base-space-80, 2rem);
  --ids-comp-form-control-focus-border-color: var(--ids-sem-color-border-default, #828282);
  --ids-comp-form-control-placeholder-color: var(--ids-sem-color-on-surface-muted, #6d6d6d);
  --ids-comp-form-control-disabled-background-color: var(--ids-sem-color-surface-interactive-disabled, #e3e3e3);
  --ids-comp-form-control-decorator-disabled-color: var(--ids-sem-color-on-surface-interactive-disabled, #959595);
  --ids-comp-form-control-disabled-border-color: var(--ids-sem-color-border-interactive-disabled, #b2b2b2);
  --ids-comp-form-control-disabled-color: var(--ids-sem-color-on-surface-interactive-disabled, #959595);
  --ids-comp-form-control-readonly-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-form-control-readonly-background-color: var(--ids-base-color-transparent, rgba(0, 0, 0, 0));
  --ids-comp-form-control-readonly-border-color: var(--ids-base-color-transparent, rgba(0, 0, 0, 0));
  --ids-comp-form-control-success-border-color: var(--ids-sem-color-border-success, #3c7b29);
  --ids-comp-form-control-success-color: var(--ids-sem-color-on-surface-success-default, #3c7b29);
  --ids-comp-form-control-error-border-color: var(--ids-sem-color-border-error, #d41e27);
  --ids-comp-form-control-error-color: var(--ids-sem-color-on-surface-error-default, #d41e27);
  --ids-comp-form-control-icon-color: var(--ids-sem-color-on-surface-subtle, #959595);
  --ids-comp-form-control-clear-icon-color: var(--ids-sem-color-on-surface-subdued, #5a5a5a);
  --ids-comp-form-control-decorator-color: var(--ids-sem-color-on-surface-muted, #6d6d6d);
  --ids-comp-form-control-decorator-btn-padding-block: var(--ids-comp-form-control-md-decorator-btn-padding-block);
  --ids-comp-form-control-decorator-btn-padding-inline: var(--ids-comp-form-control-md-decorator-btn-padding-inline);
  --ids-comp-form-control-sm-decorator-btn-padding-block: calc(var(--ids-base-space-10, 0.25rem) + var(--ids-base-space-px, 1px));
  --ids-comp-form-control-sm-decorator-btn-padding-inline: calc(var(--ids-base-space-10, 0.25rem) + var(--ids-base-space-px, 1px));
  --ids-comp-form-control-md-decorator-btn-padding-block: var(--ids-base-space-10, 0.25rem);
  --ids-comp-form-control-md-decorator-btn-padding-inline: var(--ids-base-space-10, 0.25rem);
  --ids-comp-form-control-lg-decorator-btn-padding-block: var(--ids-base-space-15, 0.375rem);
  --ids-comp-form-control-lg-decorator-btn-padding-inline: var(--ids-base-space-15, 0.375rem);
  --ids-comp-form-control-action-border-color: var(--ids-sem-color-border-default, #828282);
  --ids-comp-form-control-addon-background-color-hover: var(--ids-sem-color-surface-button-tertiary-hover, #ebf6ff);
  --ids-comp-form-control-addon-divider-color-primary: var(--ids-sem-color-border-divider-primary, #ffffff);
  --ids-comp-form-control-addon-divider-color-secondary: var(--ids-sem-color-border-divider-secondary, #005ba8);
  --ids-comp-form-control-addon-divider-color-tertiary: var(--ids-sem-color-border-divider-tertiary, rgba(0, 0, 0, 0));
  --ids-comp-form-control-addon-divider-color-tertiary-default: var(--ids-sem-color-border-button-tertiary-hover, rgba(0, 0, 0, 0));
  --ids-comp-form-control-addon-disabled-background-color: var(--ids-sem-color-surface-muted, #e3e3e3);
  --ids-comp-form-group-row-gap: var(--ids-base-space-10, 0.25rem);
  --ids-comp-form-group-column-gap: var(--ids-base-space-20, 0.5rem);
  --ids-comp-form-group-clear-btn-padding-inline-end: var(--ids-base-space-20, 0.5rem);
  --ids-comp-form-group-sm-clear-btn-padding-inline-end: var(--ids-base-space-10, 0.25rem);
  --ids-comp-form-group-lg-clear-btn-padding-inline-end: var(--ids-base-space-25, 0.625rem);
  --ids-comp-form-group-box-shadow: var(--ids-sem-ring-focus, 0 0 0 2px #ffffff, 0 0 0 4px #005ba8);
  --ids-comp-form-control-animation-duration-focus: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-form-control-animation-easing-morph: var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0));
  --ids-comp-form-control-transition-border-color: border-color var(--ids-comp-form-control-animation-duration-focus) var(--ids-comp-form-control-animation-easing-morph);
  --ids-comp-form-control-transition-box-shadow: box-shadow var(--ids-comp-form-control-animation-duration-focus) var(--ids-comp-form-control-animation-easing-morph);
  --ids-comp-form-control-transition-background: background-color var(--ids-comp-form-control-animation-duration-focus) var(--ids-comp-form-control-animation-easing-morph);
  --ids-comp-form-control-transition-focus: var(--ids-comp-form-control-transition-border-color), var(--ids-comp-form-control-transition-box-shadow);
  --ids-comp-form-control-addon-animation-duration-hover: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-form-control-addon-animation-easing-morph: var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0));
  --ids-comp-form-control-addon-transition-background-color: background-color var(--ids-comp-form-control-addon-animation-duration-hover) var(--ids-comp-form-control-addon-animation-easing-morph);
  --ids-comp-form-control-addon-transition-border-color: border-color var(--ids-comp-form-control-addon-animation-duration-hover) var(--ids-comp-form-control-addon-animation-easing-morph);
  --ids-comp-form-control-addon-transition-hover: var(--ids-comp-form-control-addon-transition-background-color), var(--ids-comp-form-control-addon-transition-border-color);
  --ids-comp-form-control-addon-transition-focus: box-shadow var(--ids-comp-form-control-addon-animation-duration-hover) var(--ids-comp-form-control-addon-animation-easing-morph), border-color var(--ids-comp-form-control-addon-animation-duration-hover) var(--ids-comp-form-control-addon-animation-easing-morph);
  --ids-comp-form-helper-text-color: var(--ids-sem-color-on-surface-muted, #6d6d6d);
  --ids-comp-form-helper-text-column-gap: var(--ids-base-space-10, 0.25rem);
  --ids-comp-form-helper-text-font-size: var(--ids-base-type-size-sm, 0.875rem);
  --ids-comp-form-helper-text-line-height: var(--ids-base-type-leading-compact, 1.15);
  --ids-comp-form-helper-text-font-size-sm: var(--ids-base-type-size-xs, 0.75rem);
  --ids-comp-form-helper-text-font-size-lg: var(--ids-base-type-size-lg, 1.125rem);
  --ids-comp-form-label-color: var(--ids-sem-color-on-surface-muted, #6d6d6d);
  --ids-comp-form-label-font-size: var(--ids-base-type-size-sm, 0.875rem);
  --ids-comp-form-label-padding-block-end: var(--ids-base-space-10, 0.25rem);
  --ids-comp-form-label-line-height: var(--ids-base-type-leading-compact, 1.15);
  --ids-comp-form-control-label-font-size-sm: var(--ids-base-type-size-xs, 0.75rem);
  --ids-comp-form-control-label-font-size-lg: var(--ids-base-type-size-lg, 1.125rem);
  --ids-comp-logo-size: 1.25em;
  --ids-comp-icon-display: inline-flex;
  --ids-comp-indicator-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-indicator-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-indicator-icon-color: var(--ids-sem-color-on-surface-subtle, #959595);
  --ids-comp-indicator-light-background-color: var(--ids-sem-color-surface-muted, #e3e3e3);
  --ids-comp-indicator-dark-background-color: var(--ids-sem-color-surface-inverse-default, #4a4a4a);
  --ids-comp-indicator-dark-color: var(--ids-sem-color-on-surface-inverse, #ffffff);
  --ids-comp-indicator-dark-icon-color: var(--ids-sem-color-on-surface-inverse, #ffffff);
  --ids-comp-indicator-transparent-border-color: var(--ids-sem-color-border-muted, #b2b2b2);
  --ids-comp-indicator-transparent-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-indicator-transparent-icon-color: var(--ids-sem-color-on-surface-subtle, #959595);
  --ids-comp-indicator-transparent-dark-border-color: var(--ids-sem-color-border-inverse, #ffffff);
  --ids-comp-indicator-transparent-dark-color: var(--ids-sem-color-on-surface-inverse, #ffffff);
  --ids-comp-indicator-transparent-dark-icon-color: var(--ids-sem-color-on-surface-inverse, #ffffff);
  --ids-comp-indicator-info-background-color: var(--ids-sem-color-surface-info, #cce8ff);
  --ids-comp-indicator-info-icon-color: var(--ids-sem-color-on-surface-info-muted, #57a0db);
  --ids-comp-indicator-error-background-color: var(--ids-sem-color-surface-error, #ffd6cf);
  --ids-comp-indicator-error-icon-color: var(--ids-sem-color-on-surface-error-muted, #f06f61);
  --ids-comp-indicator-success-background-color: var(--ids-sem-color-surface-success, #c9eabf);
  --ids-comp-indicator-success-icon-color: var(--ids-sem-color-on-surface-success-muted, #53ac39);
  --ids-comp-indicator-caution-background-color: var(--ids-sem-color-surface-caution, #fff0c2);
  --ids-comp-indicator-caution-icon-color: var(--ids-sem-color-on-surface-caution-muted, #ffc20e);
  --ids-comp-indicator-white-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-indicator-white-icon-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-indicator-white-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-interstitial-padding: var(--ids-base-space-40, 1rem);
  --ids-comp-interstitial-border-radius: var(--ids-base-size-border-radius-sm, 2px);
  --ids-comp-interstitial-box-shadow: var(--ids-base-shadow-lg, 0 6px 6px 0 rgba(0,0,0,0.3));
  --ids-comp-interstitial-gap: var(--ids-base-space-40, 1rem);
  --ids-comp-interstitial-mask-background-color: var(--ids-sem-color-overlay-light, rgba(255, 255, 255, 0.9));
  --ids-comp-interstitial-content-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-interstitial-font-size: var(--ids-base-type-size-md, 1rem);
  --ids-comp-interstitial-lg-font-size: var(--ids-base-type-size-xxl, 1.375rem);
  --ids-comp-interstitial-lg-padding: var(--ids-base-space-80, 2rem);
  --ids-comp-interstitial-backdrop-background-color: var(--ids-sem-color-overlay-light, rgba(255, 255, 255, 0.9));
  --ids-comp-interstitial-content-color: var(--ids-sem-color-on-surface-subdued, #5a5a5a);
  --ids-comp-interstitial-enter-duration: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-interstitial-exit-duration: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-interstitial-enter-easing: var(--ids-base-easing-enter, cubic-bezier(0.25, 0.46, 0.45, 0.94));
  --ids-comp-interstitial-exit-easing: var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0));
  --ids-comp-interstitial-transition-enter: opacity var(--ids-comp-interstitial-enter-duration) var(--ids-comp-interstitial-enter-easing);
  --ids-comp-interstitial-transition-exit: opacity var(--ids-comp-interstitial-exit-duration) var(--ids-comp-interstitial-exit-easing);
  --ids-comp-link-display: inline;
  --ids-comp-link-font-weight: var(--ids-sem-type-weight-interactive-default, 500);
  --ids-comp-link-color: var(--ids-sem-color-on-surface-link-rest, #005ba8);
  --ids-comp-link-margin-inline: var(--ids-base-space-10, 0.25rem);
  --ids-comp-link-icon-vertical-align: middle;
  --ids-comp-link-visited-color: var(--ids-sem-color-on-surface-link-visited, #a9216a);
  --ids-comp-link-hover-color: var(--ids-sem-color-on-surface-link-hover, #318ad3);
  --ids-comp-link-active-color: var(--ids-sem-color-on-surface-link-active, #318ad3);
  --ids-comp-link-text-disabled: var(--ids-sem-color-on-surface-interactive-disabled, #959595);
  --ids-comp-link-focus-box-shadow: var(--ids-sem-ring-focus, 0 0 0 2px #ffffff, 0 0 0 4px #005ba8);
  --ids-comp-link-transition-duration: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-link-transition-easing: var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0));
  --ids-comp-link-transition-color: color var(--ids-comp-link-transition-duration) var(--ids-comp-link-transition-easing);
  --ids-comp-link-transition-text-decoration-color: text-decoration-color var(--ids-comp-link-transition-duration) var(--ids-comp-link-transition-easing);
  --ids-comp-link-transition: var(--ids-comp-link-transition-color), var(--ids-comp-link-transition-text-decoration-color);
  --ids-comp-link-icon-line-height: var(--ids-base-type-leading-none, 1);
  --ids-comp-link-icon-offset: var(--ids-base-space-px, 1px);
  --ids-comp-link-xs-icon-offset: -0.08em;
  --ids-comp-link-sm-icon-offset: -0.08em;
  --ids-comp-link-md-icon-offset: -0.08em;
  --ids-comp-link-lg-icon-offset: -0.08em;
  --ids-comp-link-xxs-font-size: var(--ids-base-type-size-xxs, 0.625rem);
  --ids-comp-link-xs-font-size: var(--ids-base-type-size-xs, 0.75rem);
  --ids-comp-link-sm-font-size: var(--ids-base-type-size-sm, 0.875rem);
  --ids-comp-link-md-font-size: var(--ids-base-type-size-md, 1rem);
  --ids-comp-link-lg-font-size: var(--ids-base-type-size-lg, 1.125rem);
  --ids-comp-link-xxs-margin-inline: var(--ids-base-space-10, 0.25rem);
  --ids-comp-link-xs-margin-inline: var(--ids-base-space-10, 0.25rem);
  --ids-comp-link-sm-margin-inline: var(--ids-base-space-15, 0.375rem);
  --ids-comp-link-md-margin-inline: var(--ids-base-space-20, 0.5rem);
  --ids-comp-link-lg-margin-inline: var(--ids-base-space-20, 0.5rem);
  --ids-comp-link-line-height: var(--ids-comp-link-md-line-height);
  --ids-comp-link-xxs-line-height: var(--ids-sem-typography-anchor-block-xxs-line-height);
  --ids-comp-link-xs-line-height: var(--ids-sem-typography-anchor-block-xs-line-height);
  --ids-comp-link-sm-line-height: var(--ids-sem-typography-anchor-block-sm-line-height);
  --ids-comp-link-md-line-height: var(--ids-sem-typography-anchor-block-md-line-height);
  --ids-comp-link-lg-line-height: var(--ids-sem-typography-anchor-block-lg-line-height);
  --ids-comp-list-item-border-color: var(--ids-sem-color-border-muted, #b2b2b2);
  --ids-comp-list-item-border-radius-none: var(--ids-base-size-border-radius-none, 0px);
  --ids-comp-list-item-border-radius-md: var(--ids-base-size-border-radius-md, 6px);
  --ids-comp-list-item-border-radius: var(--ids-comp-list-item-border-radius-none);
  --ids-comp-list-item-border-style: solid;
  --ids-comp-list-item-border-block-width: var(--ids-base-size-border-px, 1px);
  --ids-comp-list-item-border-block-width-neg: calc(0px - var(--ids-comp-list-item-border-block-width));
  --ids-comp-list-item-border-inline-width: var(--ids-base-size-border-px, 1px);
  --ids-comp-list-item-focus-box-shadow: var(--ids-sem-ring-focus, 0 0 0 2px #ffffff, 0 0 0 4px #005ba8);
  --ids-comp-list-item-font-size: var(--ids-base-type-size-md, 1rem);
  --ids-comp-list-item-line-height: var(--ids-base-type-leading-tighter, 1.2);
  --ids-comp-list-item-margin-block-start: var(--ids-comp-list-item-border-block-width-neg);
  --ids-comp-list-item-padding-block: var(--ids-base-space-20, 0.5rem);
  --ids-comp-list-item-padding-inline: var(--ids-base-space-40, 1rem);
  --ids-comp-list-item-gap-x: var(--ids-base-space-40, 1rem);
  --ids-comp-list-item-hover-background-color: var(--ids-sem-color-surface-interactive-hover, #ebf6ff);
  --ids-comp-list-item-selected-background-color: var(--ids-sem-color-surface-interactive-selected, #ebf6ff);
  --ids-comp-list-item-selected-border-color: var(--ids-sem-color-border-interactive-selected, #003468);
  --ids-comp-list-item-selected-indicator-width: var(--ids-base-size-border-md, 4px);
  --ids-comp-list-item-selected-indicator-padding-inline-start: calc(var(--ids-comp-list-item-padding-inline) - var(--ids-comp-list-item-selected-indicator-width) + var(--ids-comp-list-item-border-inline-width));
  --ids-comp-list-item-animation-duration-hover: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-list-item-animation-duration-state-change: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-list-item-animation-easing-morph: var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0));
  --ids-comp-list-item-transition-background-color: background-color var(--ids-comp-list-item-animation-duration-hover) var(--ids-comp-list-item-animation-easing-morph);
  --ids-comp-list-item-transition-border-color: border-color var(--ids-comp-list-item-animation-duration-state-change) var(--ids-comp-list-item-animation-easing-morph);
  --ids-comp-list-item-transition-border-width: border-width var(--ids-comp-list-item-animation-duration-state-change) var(--ids-comp-list-item-animation-easing-morph);
  --ids-comp-list-item-transition-padding: padding var(--ids-comp-list-item-animation-duration-state-change) var(--ids-comp-list-item-animation-easing-morph);
  --ids-comp-list-item-transition-box-shadow: box-shadow var(--ids-comp-list-item-animation-duration-hover) var(--ids-comp-list-item-animation-easing-morph);
  --ids-comp-list-item-transition-hover: var(--ids-comp-list-item-transition-background-color);
  --ids-comp-list-item-transition-selection: var(--ids-comp-list-item-transition-background-color), var(--ids-comp-list-item-transition-border-color), var(--ids-comp-list-item-transition-border-width), var(--ids-comp-list-item-transition-padding);
  --ids-comp-list-item-transition-focus: var(--ids-comp-list-item-transition-box-shadow);
  --ids-comp-listbox-display: flex;
  --ids-comp-listbox-flex-direction: column;
  --ids-comp-listbox-width: max-content;
  --ids-comp-listbox-group-font-size: var(--ids-base-type-size-sm, 0.875rem);
  --ids-comp-listbox-group-color: var(--ids-sem-color-on-surface-muted, #6d6d6d);
  --ids-comp-listbox-group-font-weight: var(--ids-base-type-weight-semibold, 600);
  --ids-comp-listbox-group-padding-block-start: var(--ids-base-space-20, 0.5rem);
  --ids-comp-listbox-group-padding-block-end: var(--ids-base-space-10, 0.25rem);
  --ids-comp-listbox-group-padding-inline: var(--ids-base-space-30, 0.75rem);
  --ids-comp-listbox-divider-width: var(--ids-base-border-px, 1px);
  --ids-comp-listbox-divider-color: var(--ids-sem-color-border-muted, #b2b2b2);
  --ids-comp-listbox-selected-icon-color: var(--ids-sem-color-on-surface-interactive-selected, #003468);
  --ids-comp-listbox-selected-icon-size: var(--ids-base-type-size-sm, 0.875rem);
  --ids-comp-listbox-item-bg: var(--ids-base-color-transparent, rgba(0, 0, 0, 0));
  --ids-comp-listbox-item-bg-hover: var(--ids-sem-color-surface-interactive-hover, #ebf6ff);
  --ids-comp-listbox-item-box-shadow: var(--ids-sem-ring-focus, 0 0 0 2px #ffffff, 0 0 0 4px #005ba8);
  --ids-comp-listbox-item-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-listbox-item-font-family: var(--ids-base-type-font-sans, 'Roboto Flex', Roboto, sans-serif);
  --ids-comp-listbox-item-font-size: var(--ids-base-type-size-md, 1rem);
  --ids-comp-listbox-item-font-weight: var(--ids-base-type-weight-medium, 500);
  --ids-comp-listbox-item-gap: var(--ids-base-space-20, 0.5rem);
  --ids-comp-listbox-item-line-height: var(--ids-base-type-leading-tight, 1.25);
  --ids-comp-listbox-item-min-height: var(--ids-base-type-size-sm, 0.875rem);
  --ids-comp-listbox-item-padding-block: var(--ids-base-space-25, 0.625rem);
  --ids-comp-listbox-item-padding-inline: var(--ids-base-space-30, 0.75rem);
  --ids-comp-listbox-item-position: relative;
  --ids-comp-listbox-item-disabled-color: var(--ids-sem-color-on-surface-interactive-disabled, #959595);
  --ids-comp-listbox-item-action-color: var(--ids-sem-color-on-surface-interactive-rest, #005ba8);
  --ids-comp-listbox-item-action-font-weight: var(--ids-sem-type-weight-interactive-default, 500);
  --ids-comp-listbox-item-w-highlight-font-weight: var(--ids-base-type-weight-light, 300);
  --ids-comp-listbox-item-highlight-font-weight: var(--ids-base-type-weight-semibold, 600);
  --ids-comp-listbox-animation-duration: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-listbox-enter-easing: var(--ids-base-easing-enter, cubic-bezier(0.25, 0.46, 0.45, 0.94));
  --ids-comp-listbox-exit-easing: var(--ids-base-easing-exit, cubic-bezier(0.55, 0.06, 0.68, 0.19));
  --ids-comp-listbox-item-hover-easing: var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0));
  --ids-comp-listbox-item-transition: background-color var(--ids-comp-listbox-animation-duration) var(--ids-comp-listbox-item-hover-easing);
  --ids-comp-listbox-transition-enter: opacity var(--ids-comp-listbox-animation-duration) var(--ids-comp-listbox-enter-easing);
  --ids-comp-listbox-transition-exit: opacity var(--ids-comp-listbox-animation-duration) var(--ids-comp-listbox-exit-easing);
  --ids-comp-popover-transition-enter: var(--ids-comp-listbox-transition-enter);
  --ids-comp-popover-transition-exit: var(--ids-comp-listbox-transition-exit);
  --ids-comp-listbox-sm-item-gap: var(--ids-base-space-20, 0.5rem);
  --ids-comp-listbox-sm-item-font-size: var(--ids-base-type-size-sm, 0.875rem);
  --ids-comp-listbox-sm-item-padding-block: calc(var(--ids-base-space-15, 0.375rem) + var(--ids-base-space-px, 1px));
  --ids-comp-listbox-sm-item-padding-inline: var(--ids-base-space-30, 0.75rem);
  --ids-comp-listbox-sm-item-line-height: var(--ids-base-type-leading-snug, 1.3);
  --ids-comp-listbox-sm-item-min-height: var(--ids-base-type-size-xs, 0.75rem);
  --ids-comp-listbox-sm-group-font-size: var(--ids-base-type-size-xs, 0.75rem);
  --ids-comp-listbox-lg-item-gap: var(--ids-base-space-20, 0.5rem);
  --ids-comp-listbox-lg-item-font-size: var(--ids-base-type-size-xl, 1.25rem);
  --ids-comp-listbox-lg-item-padding-block: var(--ids-base-space-30, 0.75rem);
  --ids-comp-listbox-lg-item-padding-inline: var(--ids-base-space-30, 0.75rem);
  --ids-comp-listbox-lg-item-line-height: var(--ids-base-type-leading-tighter, 1.2);
  --ids-comp-listbox-lg-item-min-height: var(--ids-base-type-size-md, 1rem);
  --ids-comp-listbox-lg-group-font-size: var(--ids-base-type-size-md, 1rem);
  --ids-comp-listbox-group-lg-padding-block-start: var(--ids-base-space-25, 0.625rem);
  --ids-comp-listbox-selected-sm-icon-size: var(--ids-base-type-size-xs, 0.75rem);
  --ids-comp-listbox-selected-lg-icon-size: var(--ids-base-type-size-md, 1rem);
  --ids-comp-local-nav-item-border-inline-start-width: var(--ids-base-space-10, 0.25rem);
  --ids-comp-local-nav-item-border-inline-start-color: transparent;
  --ids-comp-local-nav-item-bg-color: transparent;
  --ids-comp-local-nav-item-gap: var(--ids-base-space-20, 0.5rem);
  --ids-comp-local-nav-item-margin-top: var(--ids-base-space-20, 0.5rem);
  --ids-comp-local-nav-item-padding-block: var(--ids-base-space-25, 0.625rem);
  --ids-comp-local-nav-item-padding-inline-start: var(--ids-base-space-30, 0.75rem);
  --ids-comp-local-nav-item-padding-inline-end: var(--ids-base-space-40, 1rem);
  --ids-comp-local-nav-item-text-color: var(--ids-sem-color-on-surface-interactive-rest, #005ba8);
  --ids-comp-local-nav-item-visited-text-color: var(--ids-sem-color-on-surface-interactive-rest, #005ba8);
  --ids-comp-local-nav-item-font-weight: var(--ids-sem-typography-body-regular-font-weight, 500);
  --ids-comp-local-nav-item-hover-bg-color: var(--ids-sem-color-surface-interactive-hover, #ebf6ff);
  --ids-comp-local-nav-item-hover-text-color: var(--ids-sem-color-on-surface-interactive-hover, #005ba8);
  --ids-comp-local-nav-item-focus-box-shadow: var(--ids-sem-ring-focus, 0 0 0 2px #ffffff, 0 0 0 4px #005ba8);
  --ids-comp-local-nav-item-selected-border-inline-start-color: var(--ids-sem-color-border-interactive-selected, #003468);
  --ids-comp-local-nav-item-selected-text-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-local-nav-item-disabled-text-color: var(--ids-sem-color-on-surface-link-disabled, #959595);
  --ids-comp-local-nav-group-text-color: var(--ids-sem-color-on-surface-muted, #6d6d6d);
  --ids-comp-local-nav-group-font-size: var(--ids-sem-typography-heading-h6-font-size, 0.875rem);
  --ids-comp-local-nav-group-font-weight: var(--ids-sem-typography-heading-h6-font-weight, 600);
  --ids-comp-local-nav-item-animation-duration-hover: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-local-nav-item-animation-duration-state-change: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-local-nav-item-animation-easing-morph: var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0));
  --ids-comp-local-nav-item-transition-background-color: background-color var(--ids-comp-local-nav-item-animation-duration-hover) var(--ids-comp-local-nav-item-animation-easing-morph);
  --ids-comp-local-nav-item-transition-border-color: border-color var(--ids-comp-local-nav-item-animation-duration-state-change) var(--ids-comp-local-nav-item-animation-easing-morph);
  --ids-comp-local-nav-item-transition-color: color var(--ids-comp-local-nav-item-animation-duration-hover) var(--ids-comp-local-nav-item-animation-easing-morph);
  --ids-comp-local-nav-item-transition-box-shadow: box-shadow var(--ids-comp-local-nav-item-animation-duration-hover) var(--ids-comp-local-nav-item-animation-easing-morph);
  --ids-comp-local-nav-item-transition-hover: var(--ids-comp-local-nav-item-transition-background-color), var(--ids-comp-local-nav-item-transition-color);
  --ids-comp-local-nav-item-transition-state-change: var(--ids-comp-local-nav-item-transition-border-color), var(--ids-comp-local-nav-item-transition-color);
  --ids-comp-local-nav-item-transition-focus: var(--ids-comp-local-nav-item-transition-box-shadow);
  --ids-comp-overlay-background-color: var(--ids-sem-color-surface-inverse-default, #4a4a4a);
  --ids-comp-overlay-opacity: var(--ids-base-opacity-80, 0.8);
  --ids-comp-modal-backdrop-background-color: var(--ids-sem-color-overlay-dark, rgba(74, 74, 74, 0.8));
  --ids-comp-modal-background: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-modal-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-modal-border-width: var(--ids-base-size-border-px, 1px);
  --ids-comp-modal-border-color: var(--ids-sem-color-border-inverse, #ffffff);
  --ids-comp-modal-border-radius: var(--ids-sem-size-border-radius-default, 4px);
  --ids-comp-modal-box-shadow: var(--ids-base-shadow-lg, 0 6px 6px 0 rgba(0,0,0,0.3));
  --ids-comp-modal-body-margin-block-start: var(--ids-base-space-50, 1.25rem);
  --ids-comp-modal-body-margin-block-end: var(--ids-base-space-50, 1.25rem);
  --ids-comp-modal-body-margin-inline: var(--ids-base-space-0, 0px);
  --ids-comp-modal-padding-block-start: var(--ids-comp-modal-sm-padding-block-start);
  --ids-comp-modal-padding-block-end: var(--ids-comp-modal-sm-padding-block-end);
  --ids-comp-modal-padding-inline: var(--ids-comp-modal-sm-padding-inline);
  --ids-comp-modal-gap: var(--ids-base-space-50, 1.25rem);
  --ids-comp-modal-height: var(--ids-comp-modal-sm-height);
  --ids-comp-modal-width: var(--ids-comp-modal-sm-width);
  --ids-comp-modal-close-btn-inline-end-offset: var(--ids-base-space-20, 0.5rem);
  --ids-comp-modal-sm-padding-block-start: var(--ids-base-space-40, 1rem);
  --ids-comp-modal-sm-padding-block-end: var(--ids-base-space-60, 1.5rem);
  --ids-comp-modal-sm-padding-inline: var(--ids-base-space-60, 1.5rem);
  --ids-comp-modal-sm-height: fit-content;
  --ids-comp-modal-sm-height-max: 75vh;
  --ids-comp-modal-sm-width: min(90%, 320px);
  --ids-comp-modal-lg-padding-block-start: var(--ids-base-space-50, 1.25rem);
  --ids-comp-modal-lg-padding-block-end: var(--ids-base-space-80, 2rem);
  --ids-comp-modal-lg-padding-inline: var(--ids-base-space-80, 2rem);
  --ids-comp-modal-lg-height: fit-content;
  --ids-comp-modal-lg-height-max: 80vh;
  --ids-comp-modal-lg-width: min(90vw, 640px);
  --ids-comp-modal-header-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-modal-header-font-size: var(--ids-comp-modal-sm-header-font-size);
  --ids-comp-modal-header-font-weight: var(--ids-comp-modal-sm-header-font-weight);
  --ids-comp-modal-header-gap: var(--ids-base-space-80, 2rem);
  --ids-comp-modal-header-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-modal-header-padding-block-end: calc(var(--ids-comp-modal-body-margin-block-end) - var(--ids-base-space-10, 0.25rem));
  --ids-comp-modal-sm-header-font-size: var(--ids-sem-typography-heading-h4-font-size, 1.125rem);
  --ids-comp-modal-sm-header-font-weight: var(--ids-sem-typography-heading-h4-font-weight, 500);
  --ids-comp-modal-lg-header-font-size: var(--ids-sem-typography-heading-h3-font-size, 1.25rem);
  --ids-comp-modal-lg-header-font-weight: var(--ids-sem-typography-heading-h3-font-weight, 600);
  --ids-comp-modal-footer-gap: var(--ids-base-space-40, 10rem);
  --ids-comp-modal-footer-pinned-border-color: var(--ids-sem-color-border-muted, #b2b2b2);
  --ids-comp-modal-footer-pinned-background-color: var(--ids-sem-color-overlay-subdued, rgba(244, 244, 244, 0.96));
  --ids-comp-modal-footer-pinned-padding-block: var(--ids-base-space-20, 0.5rem);
  --ids-comp-modal-footer-pinned-padding-inline: var(--ids-base-space-40, 1rem);
  --ids-comp-modal-footer-pinned-bottom-offset: var(--ids-base-space-60, 1.5rem);
  --ids-comp-modal-footer-lg-pinned-bottom-offset: var(--ids-base-space-80, 2rem);
  --ids-comp-modal-animation-duration-enter: var(--ids-base-duration-fast, 250ms);
  --ids-comp-modal-animation-duration-exit: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-modal-animation-easing-enter: var(--ids-base-easing-enter, cubic-bezier(0.25, 0.46, 0.45, 0.94));
  --ids-comp-modal-animation-easing-exit: var(--ids-base-easing-exit, cubic-bezier(0.55, 0.06, 0.68, 0.19));
  --ids-comp-modal-backdrop-animation-duration-enter: var(--ids-base-duration-fast, 250ms);
  --ids-comp-modal-backdrop-animation-duration-exit: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-modal-backdrop-animation-easing-enter: var(--ids-base-easing-enter, cubic-bezier(0.25, 0.46, 0.45, 0.94));
  --ids-comp-modal-backdrop-animation-easing-exit: var(--ids-base-easing-exit, cubic-bezier(0.55, 0.06, 0.68, 0.19));
  --ids-comp-modal-transition-enter: opacity var(--ids-comp-modal-animation-duration-enter) var(--ids-comp-modal-animation-easing-enter), transform var(--ids-comp-modal-animation-duration-enter) var(--ids-comp-modal-animation-easing-enter);
  --ids-comp-modal-transition-exit: opacity var(--ids-comp-modal-animation-duration-exit) var(--ids-comp-modal-animation-easing-exit), transform var(--ids-comp-modal-animation-duration-exit) var(--ids-comp-modal-animation-easing-exit);
  --ids-comp-modal-backdrop-transition-enter: opacity var(--ids-comp-modal-backdrop-animation-duration-enter) var(--ids-comp-modal-backdrop-animation-easing-enter);
  --ids-comp-modal-backdrop-transition-exit: opacity var(--ids-comp-modal-backdrop-animation-duration-exit) var(--ids-comp-modal-backdrop-animation-easing-exit);
  --ids-comp-pagination-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-pagination-gap: var(--ids-base-space-10, 0.25rem);
  --ids-comp-pagination-align-items: center;
  --ids-comp-pagination-justify-content: center;
  --ids-comp-pagination-btn-color: var(--ids-sem-color-on-surface-interactive-rest, #005ba8);
  --ids-comp-pagination-btn-border-color: transparent;
  --ids-comp-pagination-btn-border-bottom-color: var(--ids-comp-pagination-btn-border-color);
  --ids-comp-pagination-btn-border-radius: 0;
  --ids-comp-pagination-btn-border-width: var(--ids-base-size-border-0, 0px);
  --ids-comp-pagination-btn-height: var(--ids-base-space-100, 2.5rem);
  --ids-comp-pagination-btn-width: var(--ids-base-space-100, 2.5rem);
  --ids-comp-pagination-btn-padding: var(--ids-base-space-0, 0px);
  --ids-comp-pagination-bnt-font-weight: var(--ids-sem-type-weight-medium, 500);
  --ids-comp-pagination-focus-box-shadow: var(--ids-sem-ring-focus, 0 0 0 2px #ffffff, 0 0 0 4px #005ba8);
  --ids-comp-pagination-btn-selected-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-pagination-btn-selected-border-color: var(--ids-sem-color-border-interactive-selected, #003468);
  --ids-comp-pagination-btn-selected-border-width: var(--ids-base-size-border-md, 4px);
  --ids-comp-pagination-selected-shadow: inset 0 calc(var(--ids-comp-pagination-btn-selected-border-width) * -1) 0 0 var(--ids-comp-pagination-btn-selected-border-color);
  --ids-comp-pagination-btn-hover-background-color: var(--ids-sem-color-surface-interactive-hover, #ebf6ff);
  --ids-comp-pagination-btn-transition-duration: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-pagination-btn-transition-easing: var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0));
  --ids-comp-pagination-btn-transition-background-color: background-color var(--ids-comp-pagination-btn-transition-duration) var(--ids-comp-pagination-btn-transition-easing);
  --ids-comp-pagination-btn-transition-box-shadow: box-shadow var(--ids-comp-pagination-btn-transition-duration) var(--ids-comp-pagination-btn-transition-easing);
  --ids-comp-pagination-btn-transition-color: color var(--ids-comp-pagination-btn-transition-duration) var(--ids-comp-pagination-btn-transition-easing);
  --ids-comp-pagination-btn-transition: var(--ids-comp-pagination-btn-transition-background-color), var(--ids-comp-pagination-btn-transition-box-shadow), var(--ids-comp-pagination-btn-transition-color);
  --ids-comp-popover-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-popover-border-color: var(--ids-sem-color-border-muted, #b2b2b2);
  --ids-comp-popover-border-width: var(--ids-base-size-border-px, 1px);
  --ids-comp-popover-border-radius: var(--ids-sem-size-border-radius-default, 4px);
  --ids-comp-popover-shadow: var(--ids-base-shadow-md, 0 4px 4px 0 rgba(0,0,0,0.1));
  --ids-comp-popover-position: absolute;
  --ids-comp-popover-open-position: var(--ids-comp-popover-position);
  --ids-comp-popover-width: max-content;
  --ids-comp-popover-width-max: calc(var(--ids-base-space-960, 24rem) + var(--ids-base-space-240, 6rem));
  --ids-comp-popover-height-min: var(--ids-base-space-60, 1.5rem);
  --ids-comp-popover-display: none;
  --ids-comp-popover-open-display: flex;
  --ids-comp-popover-align-items: stretch;
  --ids-comp-popover-justify-content: center;
  --ids-comp-popover-padding-block-start: var(--ids-base-space-40, 1rem);
  --ids-comp-popover-padding-block-end: var(--ids-base-space-40, 1rem);
  --ids-comp-popover-padding-inline-start: var(--ids-base-space-40, 1rem);
  --ids-comp-popover-padding-inline-end: var(--ids-base-space-40, 1rem);
  --ids-comp-popover-compact-padding-block-start: 0;
  --ids-comp-popover-compact-padding-block-end: 0;
  --ids-comp-popover-compact-padding-inline-start: 0;
  --ids-comp-popover-compact-padding-inline-end: 0;
  --ids-comp-popover-enter-duration: var(--ids-base-duration-fast, 250ms);
  --ids-comp-popover-exit-duration: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-popover-enter-easing: var(--ids-base-easing-enter, cubic-bezier(0.25, 0.46, 0.45, 0.94));
  --ids-comp-popover-exit-easing: var(--ids-base-easing-exit, cubic-bezier(0.55, 0.06, 0.68, 0.19));
  --ids-comp-popover-transition-enter: opacity var(--ids-comp-popover-enter-duration) var(--ids-comp-popover-enter-easing);
  --ids-comp-popover-transition-exit: opacity var(--ids-comp-popover-exit-duration) var(--ids-comp-popover-exit-easing);
  --ids-comp-popover-with-pointer-width-max: calc(var(--ids-base-space-640, 16rem) + var(--ids-base-space-60, 1.5rem));
  --ids-comp-popover-pointer-translate-x: 20%;
  --ids-comp-popover-pointer-translate-y: 20%;
  --ids-comp-popover-pointer-offset-top: 1.5px;
  --ids-comp-popover-pointer-offset-left: auto;
  --ids-comp-popover-offset-edge: var(--ids-base-space-30, 0.75rem);
  --ids-comp-popover-margin: var(--ids-base-space-10, 0.25rem);
  --ids-comp-popover-pointer-margin: var(--ids-base-space-20, 0.5rem);
  --ids-comp-popover-pointer-content: "";
  --ids-comp-popover-pointer-box-size: 16px;
  --ids-comp-popover-pointer-height: 16px;
  --ids-comp-popover-pointer-width: 16px;
  --ids-comp-popover-pointer-top: auto;
  --ids-comp-popover-pointer-left: auto;
  --ids-comp-popover-pointer-right: auto;
  --ids-comp-popover-pointer-bottom: auto;
  --ids-comp-popover-header-display: flex;
  --ids-comp-popover-header-padding-block-start: var(--ids-base-space-20, 0.5rem);
  --ids-comp-popover-header-padding-block-end: var(--ids-base-space-10, 0.25rem);
  --ids-comp-popover-header-padding-inline-start: var(--ids-base-space-0, 0px);
  --ids-comp-popover-header-padding-inline-end: var(--ids-base-space-0, 0px);
  --ids-comp-popover-compact-header-padding-inline-start: var(--ids-base-space-40, 1rem);
  --ids-comp-popover-compact-header-padding-inline-end: var(--ids-base-space-40, 1rem);
  --ids-comp-popover-title-padding-block-start: var(--ids-base-space-25, 0.625rem);
  --ids-comp-popover-close-margin-inline-end: calc(var(--ids-comp-btn-padding-inline) * -1);
  --ids-comp-radio-gap: var(--ids-base-space-20, 0.5rem);
  --ids-comp-radio-disabled-color: var(--ids-sem-color-on-surface-interactive-disabled, #959595);
  --ids-comp-radio-align-items: anchor-center;
  --ids-comp-radio-line-height: var(--ids-base-type-leading-tight, 1.25);
  --ids-comp-radio-font-size: var(--ids-base-type-size-md, 1rem);
  --ids-comp-radio-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-radio-tick-color: ;
  --ids-comp-radio-tick-size: 0px;
  --ids-comp-radio-border-color: var(--ids-sem-color-border-default, #828282);
  --ids-comp-radio-border-radius: var(--ids-sem-size-border-radius-round, 9999px);
  --ids-comp-radio-border-width: var(--ids-base-size-border-px, 1px);
  --ids-comp-radio-height: var(--ids-base-space-50, 1.25rem);
  --ids-comp-radio-width: var(--ids-base-space-50, 1.25rem);
  --ids-comp-radio-margin-block: var(--ids-base-space-0, 0px);
  --ids-comp-radio-margin-inline: var(--ids-base-space-0, 0px);
  --ids-comp-radio-sm-font-size: var(--ids-base-type-size-sm, 0.875rem);
  --ids-comp-radio-sm-line-height: var(--ids-base-type-leading-snug, 1.3);
  --ids-comp-radio-md-font-size: var(--ids-base-type-size-md, 1rem);
  --ids-comp-radio-md-line-height: var(--ids-base-type-leading-tight, 1.25);
  --ids-comp-radio-lg-font-size: var(--ids-base-type-size-xl, 1.25rem);
  --ids-comp-radio-lg-line-height: var(--ids-base-type-leading-tight, 1.25);
  --ids-comp-radio-hover-background-color: var(--ids-sem-color-surface-interactive-hover, #ebf6ff);
  --ids-comp-radio-focus-box-shadow: var(--ids-sem-ring-focus, 0 0 0 2px #ffffff, 0 0 0 4px #005ba8);
  --ids-comp-radio-checked-tick-color: var(--ids-sem-color-on-surface-interactive-selected, #003468);
  --ids-comp-radio-checked-border-color: var(--ids-sem-color-border-interactive-selected, #003468);
  --ids-comp-radio-checked-color: var(--ids-sem-color-on-surface-interactive-inverse-selected, #ffffff);
  --ids-comp-checked-radio-border-width: var(--ids-base-size-border-sm, 2px);
  --ids-comp-radio-disabled-border-color: var(--ids-sem-color-border-muted, #b2b2b2);
  --ids-comp-radio-disabled-background-color: var(--ids-sem-color-surface-muted, #e3e3e3);
  --ids-comp-radio-disabled-tick-color: var(--ids-sem-color-on-surface-subtle, #959595);
  --ids-comp-radio-disabled-checked-border-color: var(--ids-sem-color-border-muted, #b2b2b2);
  --ids-comp-radio-disabled-checked-background-color: var(--ids-sem-color-surface-muted, #e3e3e3);
  --ids-comp-radio-transition-duration: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-radio-transition-easing: var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0));
  --ids-comp-radio-transition-properties: background-color, border-color, box-shadow, border-width;
  --ids-comp-ribbon-background-color: var(--_ids-comp-ribbon-background-color, var(--ids-comp-indicator-background-color));
  --ids-comp-ribbon-color: var(--_ids-comp-ribbon-color, var(--ids-comp-indicator-color));
  --ids-comp-ribbon-font-size: var(--ids-base-type-size-xxs, 0.625rem);
  --ids-comp-ribbon-font-weight: var(--ids-base-type-weight-semibold, 600);
  --ids-comp-ribbon-gap: var(--ids-base-space-20, 0.5rem);
  --ids-comp-ribbon-line-height: var(--ids-base-type-leading-none, 1);
  --ids-comp-ribbon-padding-block-base: var(--ids-base-space-05, 0.125rem);
  --ids-comp-ribbon-padding-block: calc(var(--ids-comp-ribbon-padding-block-base) + var(--ids-base-space-05, 0.125rem));
  --ids-comp-ribbon-padding-inline: var(--ids-base-space-60, 1.5rem);
  --ids-comp-select-indicator-gap: var(--ids-base-space-20, 0.5rem);
  --ids-comp-select-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-select-border-color: var(--ids-sem-color-border-default, #828282);
  --ids-comp-select-border-radius: var(--ids-sem-size-border-radius-default, 4px);
  --ids-comp-select-font-size: var(--ids-base-type-size-md, 1rem);
  --ids-comp-select-border-width: var(--ids-base-size-border-px, 1px);
  --ids-comp-select-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-select-padding-inline: var(--ids-base-space-30, 0.75rem);
  --ids-comp-select-disabled-color: var(--ids-sem-color-on-surface-interactive-disabled, #959595);
  --ids-comp-select-disabled-background-color: var(--ids-sem-color-surface-interactive-disabled, #e3e3e3);
  --ids-comp-select-disabled-border-color: var(--ids-sem-color-border-interactive-disabled, #b2b2b2);
  --ids-comp-select-indicator-width: var(--ids-comp-select-md-font-size, 1rem);
  --ids-comp-select-indicator-height: var(--ids-comp-select-indicator-width);
  --ids-comp-select-indicator-color: var(--ids-sem-color-on-surface-interactive-rest, #005ba8);
  --ids-comp-select-indicator-right: var(--ids-base-space-30, 0.75rem);
  --ids-comp-select-indicator-disabled-color: var(--ids-sem-color-on-surface-interactive-disabled, #959595);
  --ids-comp-select-sm-font-size: var(--ids-base-type-size-sm, 0.875rem);
  --ids-comp-select-sm-padding-inline: var(--ids-base-space-20, 0.5rem);
  --ids-comp-select-sm-indicator-width: var(--ids-comp-select-sm-font-size, 0.875rem);
  --ids-comp-select-lg-font-size: var(--ids-base-type-size-xl, 1.25rem);
  --ids-comp-select-lg-padding-inline: var(--ids-base-space-40, 1rem);
  --ids-comp-select-lg-indicator-width: var(--ids-comp-select-lg-font-size, 1.125rem);
  --ids-comp-skeleton-background-color: var(--ids-sem-color-surface-muted, #e3e3e3);
  --ids-comp-skeleton-border-radius: var(--ids-base-size-border-radius-sm, 4px);
  --ids-comp-skeleton-min-width: var(--ids-base-space-80, 2rem);
  --ids-comp-skeleton-min-height: calc(var(--ids-comp-skeleton-min-height) / 2);
  --ids-comp-skeleton-pulse-duration: var(--ids-base-duration-slow, 500ms);
  --ids-comp-skeleton-pulse-easing: var(--ids-base-easing-linear, linear);
  --ids-comp-skeleton-exit-duration: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-skeleton-exit-easing: var(--ids-base-easing-exit, cubic-bezier(0.55, 0.06, 0.68, 0.19));
  --ids-comp-skeleton-animation-pulse: pulse var(--ids-comp-skeleton-pulse-duration) var(--ids-comp-skeleton-pulse-easing) infinite;
  --ids-comp-skeleton-transition-exit: opacity var(--ids-comp-skeleton-exit-duration) var(--ids-comp-skeleton-exit-easing);
  --ids-comp-slideout-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-slideout-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-slideout-box-shadow: var(--ids-base-shadow-xl, 4px 0 6px 0 rgba(0,0,0,0.3), -4px 0 6px 0 rgba(0,0,0,0.3));
  --ids-comp-slideout-padding-inline: var(--ids-base-space-60, 1.5rem);
  --ids-comp-slideout-padding-block-start: var(--ids-base-space-50, 1.25rem);
  --ids-comp-slideout-media-max-width: var(--ids-base-screen-sm, 480px);
  --ids-comp-slideout-gap: var(--ids-base-space-50, 1.25rem);
  --ids-comp-slideout-backdrop-background-color: var(--ids-sem-color-overlay-dark, rgba(74, 74, 74, 0.8));
  --ids-comp-slideout-header-gap: var(--ids-base-space-60, 1.5rem);
  --ids-comp-slideout-header-title-text-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-slideout-header-title-font-weight: var(--ids-sem-typography-heading-h3-font-weight, 600);
  --ids-comp-slideout-header-title-line-height: var(--ids-sem-typography-heading-h3-line-height, 1.2);
  --ids-comp-slideout-header-title-font-size: var(--ids-sem-typography-heading-h3-font-size, 1.25rem);
  --ids-comp-slideout-close-btn-inline-end-offset: var(--ids-base-space-20, 0.5rem);
  --ids-comp-slideout-footer-gap: var(--ids-base-space-40, 1rem);
  --ids-comp-slideout-push-width: 320px;
  --ids-comp-slideout-push-target-duration: 500ms;
  --ids-comp-slideout-push-target-easing: ease-in-out;
  --ids-comp-slideout-locked-footer-background-color: var(--ids-sem-color-overlay-subdued, rgba(244, 244, 244, 0.96));
  --ids-comp-slideout-locked-footer-border-color: var(--ids-sem-color-border-muted, #b2b2b2);
  --ids-comp-slideout-locked-footer-border-top-width: var(--ids-base-size-border-px, 1px);
  --ids-comp-slideout-locked-footer-padding-block: var(--ids-base-space-20, 0.5rem);
  --ids-comp-slideout-locked-footer-padding-inline: var(--ids-base-space-40, 1rem);
  --ids-comp-slideout-animation-duration-enter: var(--ids-base-duration-medium, 350ms);
  --ids-comp-slideout-animation-duration-exit: var(--ids-base-duration-fast, 250ms);
  --ids-comp-slideout-animation-easing-enter-sharp: var(--ids-base-easing-enter-sharp, cubic-bezier(0.32, 0.72, 0, 1));
  --ids-comp-slideout-animation-easing-exit-sharp: var(--ids-base-easing-exit-sharp, cubic-bezier(1, 0, 0.68, 0.28));
  --ids-comp-slideout-transition-transform-enter: transform var(--ids-comp-slideout-animation-duration-enter) var(--ids-comp-slideout-animation-easing-enter-sharp);
  --ids-comp-slideout-transition-opacity-enter: opacity var(--ids-comp-slideout-animation-duration-enter) var(--ids-comp-slideout-animation-easing-enter-sharp);
  --ids-comp-slideout-transition-transform-exit: transform var(--ids-comp-slideout-animation-duration-exit) var(--ids-comp-slideout-animation-easing-exit-sharp);
  --ids-comp-slideout-transition-opacity-exit: opacity var(--ids-comp-slideout-animation-duration-exit) var(--ids-comp-slideout-animation-easing-exit-sharp);
  --ids-comp-slideout-transition-enter: var(--ids-comp-slideout-transition-transform-enter), var(--ids-comp-slideout-transition-opacity-enter);
  --ids-comp-slideout-transition-exit: var(--ids-comp-slideout-transition-transform-exit), var(--ids-comp-slideout-transition-opacity-exit);
  --ids-comp-snackbar-position: fixed;
  --ids-comp-snackbar-background-color: var(--ids-sem-color-surface-inverse-default, #4a4a4a);
  --ids-comp-snackbar-text-color: var(--ids-sem-color-on-surface-inverse, #ffffff);
  --ids-comp-snackbar-border-color: var(--ids-base-color-transparent, rgba(0, 0, 0, 0));
  --ids-comp-snackbar-border-radius: var(--ids-sem-size-border-radius-default, 4px);
  --ids-comp-snackbar-font-size: var(--ids-base-type-size-sm, 0.875rem);
  --ids-comp-snackbar-height-min: var(--ids-base-space-100, 2.5rem);
  --ids-comp-snackbar-width-min: 160px;
  --ids-comp-snackbar-width-max: 390px;
  --ids-comp-snackbar-padding-block: var(--ids-base-space-10, 0.25rem);
  --ids-comp-snackbar-padding-inline-start: var(--ids-base-space-30, 0.75rem);
  --ids-comp-snackbar-padding-inline-end: var(--ids-base-space-20, 0.5rem);
  --ids-comp-snackbar-duration-enter: var(--ids-base-duration-fast, 250ms);
  --ids-comp-snackbar-duration-exit-fast: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-snackbar-duration-exit-slow: var(--ids-base-duration-slowest, 1000ms);
  --ids-comp-snackbar-easing-enter: var(--ids-base-easing-enter, cubic-bezier(0.25, 0.46, 0.45, 0.94));
  --ids-comp-snackbar-easing-exit: var(--ids-base-easing-exit, cubic-bezier(0.55, 0.06, 0.68, 0.19));
  --ids-comp-snackbar-transition: all var(--ids-comp-snackbar-duration-enter) var(--ids-comp-snackbar-easing-enter);
  --ids-comp-snackbar-transition-scale-enter: scale var(--ids-comp-snackbar-duration-enter) var(--ids-comp-snackbar-easing-enter);
  --ids-comp-snackbar-transition-opacity-enter: opacity var(--ids-comp-snackbar-duration-enter) var(--ids-comp-snackbar-easing-enter);
  --ids-comp-snackbar-transition-motion-in: var(--ids-comp-snackbar-transition-scale-enter), var(--ids-comp-snackbar-transition-opacity-enter);
  --ids-comp-snackbar-transition-motion-out: opacity var(--ids-comp-snackbar-duration-exit-slow) var(--ids-comp-snackbar-easing-exit);
  --ids-comp-snackbar-transition-opacity-exit: opacity var(--ids-comp-snackbar-duration-exit-fast) var(--ids-comp-snackbar-easing-exit);
  --ids-comp-snackbar-transition-motion-close: var(--ids-comp-snackbar-transition-opacity-exit);
  --ids-comp-snackbar-content-font-size: var(--ids-base-type-size-sm, 0.875rem);
  --ids-comp-snackbar-content-margin-inline-end: var(--ids-base-space-10, 0.25rem);
  --ids-comp-snackbar-icon-color: inherit;
  --ids-comp-snackbar-icon-color-info: var(--ids-sem-color-on-surface-info-muted, #57a0db);
  --ids-comp-snackbar-icon-color-success: var(--ids-sem-color-on-surface-success-muted, #53ac39);
  --ids-comp-snackbar-icon-color-caution: var(--ids-sem-color-on-surface-caution-muted, #ffc20e);
  --ids-comp-snackbar-icon-color-error: var(--ids-sem-color-on-surface-error-muted, #f06f61);
  --ids-comp-snackbar-icon-margin-inline-end: var(--ids-base-space-30, 0.75rem);
  --ids-comp-snackbar-btn-margin-inline-start: var(--ids-base-space-20, 0.5rem);
  --ids-comp-snackbar-btn-margin-inline-end: calc(var(--ids-base-space-10, 0.25rem) * -1);
  --ids-comp-spinner-size: 1.25em;
  --ids-comp-spinner-ring-color: var(--ids-sem-color-on-surface-primary, #2372b8);
  --ids-comp-spinner-ring-width: var(--ids-base-space-25, 0.625rem);
  --ids-comp-spinner-label-gap: var(--ids-base-space-10, 0.25rem);
  --ids-comp-spinner-ring-linecap: round;
  --ids-comp-spinner-center-color: none;
  --ids-comp-spinner-exit-duration: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-spinner-exit-easing: var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0));
  --ids-comp-spinner-animation-duration: 1.5384615384615383s;
  --ids-comp-spinner-rotation-easing: var(--ids-base-easing-linear, linear);
  --ids-comp-spinner-dash-easing: ease-in-out;
  --ids-comp-spinner-animation-spinner-rotate: spinner-rotate var(--ids-comp-spinner-animation-duration) var(--ids-comp-spinner-rotation-easing) infinite;
  --ids-comp-spinner-animation-spinner-dash: spinner-dash var(--ids-comp-spinner-animation-duration) var(--ids-comp-spinner-dash-easing) infinite;
  --ids-comp-spinner-transition-exit: opacity var(--ids-comp-spinner-exit-duration) var(--ids-comp-spinner-exit-easing);
  --ids-comp-form-control-border-radius: var(--ids-sem-size-border-radius-default, 4px);
  --ids-comp-form-control-addon-divider-color-primary: var(--ids-sem-color-border-button-divider-primary, #ffffff);
  --ids-comp-form-control-addon-divider-color-primary-disabled: var(--ids-sem-color-border-button-divider-disabled, #b2b2b2);
  --ids-comp-form-control-addon-divider-color-primary-default: var(--ids-sem-color-border-button-primary-hover, rgba(0, 0, 0, 0));
  --ids-comp-form-control-addon-divider-color-secondary: var(--ids-sem-color-border-button-divider-secondary, #005ba8);
  --ids-comp-form-control-addon-divider-color-secondary-disabled: var(--ids-sem-color-border-button-divider-disabled, #b2b2b2);
  --ids-comp-form-control-addon-divider-color-secondary-default: var(--ids-sem-color-border-button-secondary-hover, #005ba8);
  --ids-comp-form-control-addon-divider-width: var(--ids-base-size-border-px, 1px);
  --ids-comp-form-control-addon-border-start-start-radius: 0;
  --ids-comp-form-control-addon-border-start-end-radius: 0;
  --ids-comp-form-control-addon-border-end-end-radius: 0;
  --ids-comp-form-control-addon-border-end-start-radius: 0;
  --ids-comp-split-button-transition-duration: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-split-button-transition-easing: var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0));
  --ids-comp-split-button-transition-border-color: border-color var(--ids-comp-split-button-transition-duration) var(--ids-comp-split-button-transition-easing);
  --ids-comp-split-button-transition-background-color: background-color var(--ids-comp-split-button-transition-duration) var(--ids-comp-split-button-transition-easing);
  --ids-comp-split-button-transition-z-index: z-index 0ms;
  --ids-comp-split-button-transition: var(--ids-comp-split-button-transition-border-color), var(--ids-comp-split-button-transition-background-color), var(--ids-comp-split-button-transition-z-index);
  --ids-comp-status-background-color: var(--ids-sem-color-surface-urgent, #e44941);
  --ids-comp-status-text-color: var(--ids-sem-color-on-surface-inverse, #ffffff);
  --ids-comp-status-font-size: var(--ids-base-type-size-xs, 0.75rem);
  --ids-comp-status-padding-inline: var(--ids-base-space-10, 0.25rem);
  --ids-comp-status-padding-block: var(--ids-base-space-05, 0.125rem);
  --ids-comp-status-display: inline-flex;
  --ids-comp-status-radius: var(--ids-base-size-border-radius-full, 9999px);
  --ids-comp-status-transform: var(--ids-comp-status-transform-align-to-center);
  --ids-comp-status-transform-align-to-center: translateX(50%) translateY(-50%);
  --ids-comp-status-transform-align-to-left: translateX(calc( 100% - (var(--ids-comp-status-padding-inline) + var(--ids-comp-status-font-size) / 2))) translateY(-50%);
  --ids-comp-status-transform-align-to-right: translateX(calc(0% - (var(--ids-comp-status-padding-inline) + var(--ids-comp-status-font-size)/2) * -1)) translateY(-50%);
  --ids-comp-status-width-min: var(--ids-base-space-20, 0.5rem);
  --ids-comp-status-height-min: var(--ids-base-space-20, 0.5rem);
  --ids-comp-status-has-content-width-min: var(--ids-base-space-50, 1.25rem);
  --ids-comp-status-has-content-height-min: var(--ids-base-space-50, 1.25rem);
  --ids-comp-stepper-steps-gap: var(--ids-base-space-20, 0.5rem);
  --ids-comp-stepper-font-size: var(--ids-base-type-size-md, 1rem);
  --ids-comp-stepper-font-weight-normal: var(--ids-base-type-weight-regular, 400);
  --ids-comp-stepper-font-weight-active: var(--ids-base-type-weight-semibold, 600);
  --ids-comp-stepper-indicator-padding-bottom: var(--ids-base-space-15, 0.375rem);
  --ids-comp-stepper-label-padding-top: var(--ids-base-space-20, 0.5rem);
  --ids-comp-stepper-indicator-border-bottom-width: var(--ids-base-size-border-px, 1px);
  --ids-comp-stepper-indicator-border-bottom-width-active: var(--ids-base-size-border-md, 4px);
  --ids-comp-stepper-indicator-border-bottom-width-complete: var(--ids-base-size-border-md, 4px);
  --ids-comp-stepper-indicator-border-bottom-width-error: var(--ids-base-size-border-md, 4px);
  --ids-comp-stepper-indicator-border-bottom-color: var(--ids-sem-color-border-muted, #b2b2b2);
  --ids-comp-stepper-indicator-border-bottom-color-active: var(--ids-sem-color-border-interactive-selected, #003468);
  --ids-comp-stepper-indicator-border-bottom-color-complete: var(--ids-sem-color-border-success, #3c7b29);
  --ids-comp-stepper-indicator-border-bottom-color-error: var(--ids-sem-color-border-error, #d41e27);
  --ids-comp-stepper-indicator-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-stepper-indicator-color-active: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-stepper-indicator-color-complete: var(--ids-sem-color-on-surface-success-default, #3c7b29);
  --ids-comp-stepper-indicator-color-error: var(--ids-sem-color-on-surface-error-default, #d41e27);
  --ids-comp-stepper-indicator-font-weight: var(--ids-comp-stepper-font-weight-normal);
  --ids-comp-stepper-label-font-weight: var(--ids-comp-stepper-font-weight-normal);
  --ids-comp-avatar-focus-box-shadow: var(--ids-sem-ring-focus, 0 0 0 2px #ffffff, 0 0 0 4px #005ba8);
  --ids-comp-stepper-animation-duration-state-change: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-stepper-animation-easing-morph: var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0));
  --ids-comp-stepper-transition-border-color: border-color var(--ids-comp-stepper-animation-duration-state-change) var(--ids-comp-stepper-animation-easing-morph);
  --ids-comp-stepper-transition-color: color var(--ids-comp-stepper-animation-duration-state-change) var(--ids-comp-stepper-animation-easing-morph);
  --ids-comp-stepper-transition-font-weight: font-weight var(--ids-comp-stepper-animation-duration-state-change) var(--ids-comp-stepper-animation-easing-morph);
  --ids-comp-stepper-transition-border-width: border-width var(--ids-comp-stepper-animation-duration-state-change) var(--ids-comp-stepper-animation-easing-morph);
  --ids-comp-stepper-transition-state-change: var(--ids-comp-stepper-transition-border-color), var(--ids-comp-stepper-transition-color), var(--ids-comp-stepper-transition-font-weight), var(--ids-comp-stepper-transition-border-width);
  --ids-comp-stepper-transition-focus: box-shadow var(--ids-comp-stepper-animation-duration-state-change) var(--ids-comp-stepper-animation-easing-morph);
  --ids-comp-switch-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-switch-border-color: var(--ids-sem-color-border-interactive-rest, #005ba8);
  --ids-comp-switch-border-radius: var(--ids-sem-size-border-radius-round, 9999px);
  --ids-comp-switch-border-width: var(--ids-base-size-border-px, 1px);
  --ids-comp-switch-padding: 3px;
  --ids-comp-switch-height: var(--ids-base-space-80, 2rem);
  --ids-comp-switch-width: var(--ids-base-space-140, 3.5rem);
  --ids-comp-switch-icon-color: var(--ids-sem-color-on-surface-interactive-rest, #005ba8);
  --ids-comp-switch-line-height: var(--ids-base-type-leading-compact, 1.15);
  --ids-comp-switch-font-size: var(--ids-base-type-size-md, 1rem);
  --ids-comp-switch-label-height: var(--ids-base-space-40, 1rem);
  --ids-comp-switch-sm-font-size: var(--ids-base-type-size-sm, 0.875rem);
  --ids-comp-switch-md-font-size: var(--ids-base-type-size-md, 1rem);
  --ids-comp-switch-lg-font-size: var(--ids-base-type-size-xl, 1.25rem);
  --ids-comp-switch-focus-ring: var(--ids-sem-ring-focus, 0 0 0 2px #ffffff, 0 0 0 4px #005ba8);
  --ids-comp-switch-checked-background-color: var(--ids-sem-color-surface-interactive-rest, #005ba8);
  --ids-comp-switch-disabled-background-color: var(--ids-sem-color-surface-interactive-disabled, #e3e3e3);
  --ids-comp-switch-disabled-border-color: var(--ids-sem-color-border-interactive-disabled, #b2b2b2);
  --ids-comp-switch-knob-transition: color var(--ids-base-duration-fast, 250ms) var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0)) , background-color var(--ids-base-duration-fast, 250ms) var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0)) , opacity var(--ids-base-duration-fast, 250ms) var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0)), transform var(--ids-base-duration-fast, 250ms) var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0));
  --ids-comp-switch-track-transition: opacity var(--ids-base-duration-fast, 250ms) var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0)), background-color var(--ids-base-duration-fast, 250ms) var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0));
  --ids-comp-switch-reduced-motion-transition: none;
  --ids-comp-switch-gap: var(--ids-base-space-40, 1rem);
  --ids-comp-switch-top-gap: var(--ids-base-space-10, 0.25rem);
  --ids-comp-switch-knob-background-color: var(--ids-sem-color-surface-interactive-rest, #005ba8);
  --ids-comp-switch-knob-border-radius: var(--ids-sem-size-border-radius-round, 9999px);
  --ids-comp-switch-knob-top: 3px;
  --ids-comp-switch-knob-left: 3px;
  --ids-comp-switch-knob-height: var(--ids-base-space-60, 1.5rem);
  --ids-comp-switch-knob-width: var(--ids-base-space-60, 1.5rem);
  --ids-comp-switch-knob-opacity: var(--ids-base-opacity-100, 1.0);
  --ids-comp-switch-knob-translateX: translateX(0);
  --ids-comp-switch-checked-knob-background-color: var(--ids-base-color-transparent, rgba(0, 0, 0, 0));
  --ids-comp-switch-checked-knob-translateX: translateX(var(--ids-base-space-60, 1.5rem));
  --ids-comp-switch-knob-disabled-background-color: var(--ids-sem-color-on-surface-subtle, #959595);
  --ids-comp-switch-checked-knob-disabled-background-color: var(--ids-base-color-transparent, rgba(0, 0, 0, 0));
  --ids-comp-switch-icon-left: var(--ids-base-space-10, 0.25rem);
  --ids-comp-switch-icon-border-radius: var(--ids-sem-size-border-radius-round, 9999px);
  --ids-comp-switch-icon-height: var(--ids-base-space-60, 1.5rem);
  --ids-comp-switch-icon-width: var(--ids-base-space-60, 1.5rem);
  --ids-comp-switch-icon-opacity: var(--ids-base-opacity-0, 0);
  --ids-comp-switch-checked-icon-background-color: var(--ids-sem-color-on-surface-inverse, #ffffff);
  --ids-comp-switch-checked-icon-opacity: var(--ids-base-opacity-100, 1.0);
  --ids-comp-switch-checked-icon-translateX: translateX(var(--ids-base-space-60, 1.5rem));
  --ids-comp-switch-icon-disabled-background-color: var(--ids-sem-color-on-surface-subtle, #959595);
  --ids-comp-switch-icon-disabled-text-color: var(--ids-sem-color-neutral-100, #e3e3e3);
  --ids-comp-switch-knob-icon-height: var(--ids-base-space-35, 0.875rem);
  --ids-comp-switch-knob-icon-width: var(--ids-base-space-35, 0.875rem);
}

@media (prefers-reduced-motion: reduce) {

  :root {
    --ids-comp-switch-knob-transition: var(--ids-comp-switch-reduced-motion-transition);
    --ids-comp-switch-track-transition: var(--ids-comp-switch-reduced-motion-transition);
  }
}

:root {
  --ids-comp-tab-container-border-block-end-color: var(--ids-sem-color-border-muted, #b2b2b2);
  --ids-comp-tab-container-border-block-end-width: var(--ids-base-size-border-px, 1px);
  --ids-comp-tabs-content-container-padding-block: var(--ids-base-space-40, 1rem);
  --ids-comp-tab-background-color: var(--ids-base-color-transparent, rgba(0, 0, 0, 0));
  --ids-comp-tab-border-inline-width: var(--ids-base-size-border-px, 1px);
  --ids-comp-tab-color: var(--ids-sem-color-on-surface-interactive-rest, #005ba8);
  --ids-comp-tab-font-family: var(--ids-sem-type-font-body, 'Roboto Flex', Roboto, sans-serif);
  --ids-comp-tab-font-size: var(--ids-base-type-size-md, 1rem);
  --ids-comp-tab-font-weight: var(--ids-sem-type-weight-interactive-default, 500);
  --ids-comp-tab-gap: var(--ids-base-space-20, 0.5rem);
  --ids-comp-tab-margin-block: var(--ids-base-space-10, 0.25rem);
  --ids-comp-tab-margin-inline: var(--ids-base-space-10, 0.25rem);
  --ids-comp-tab-min-height: var(--ids-base-space-120, 3rem);
  --ids-comp-tab-line-height: var(--ids-base-type-leading-tight, 1.25);
  --ids-comp-tab-padding-block: var(--ids-base-space-30, 0.75rem);
  --ids-comp-tab-padding-inline: var(--ids-base-space-20, 0.5rem);
  --ids-comp-tab-selected-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-tab-selected-border-color: var(--ids-sem-color-border-interactive-selected, #003468);
  --ids-comp-tab-selected-border-width: var(--ids-base-size-border-md, 4px);
  --ids-comp-tab-hover-background-color: var(--ids-sem-color-surface-interactive-hover, #ebf6ff);
  --ids-comp-tab-focus-box-shadow: var(--ids-sem-ring-focus, 0 0 0 2px #ffffff, 0 0 0 4px #005ba8);
  --ids-comp-tab-focus-border-color: var(--ids-sem-color-border-interactive-focus, #005ba8);
  --ids-comp-tab-focus-border-style: solid;
  --ids-comp-tab-focus-border-width: var(--ids-base-size-border-px, 1px);
  --ids-comp-tab-disabled-color: var(--ids-sem-color-on-surface-interactive-disabled, #959595);
  --ids-comp-tabs-prevnext-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-tabs-prevnext-right-offset: var(--ids-base-space-20 ,0.5rem);
  --ids-comp-tabs-prevnext-left-offset: var(--ids-base-space-20 ,0.5rem);
  --ids-comp-tabs-prevnext-icon-color: var(--ids-sem-color-on-surface-interactive-rest, #005ba8);
  --ids-comp-tab-transition-duration: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-tab-transition-timing-function: var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0));
  --ids-comp-tab-transition: background-color var(--ids-comp-tab-transition-duration) var(--ids-comp-tab-transition-timing-function), color var(--ids-comp-tab-transition-duration) var(--ids-comp-tab-transition-timing-function), border-color var(--ids-comp-tab-transition-duration) var(--ids-comp-tab-transition-timing-function);
  --ids-comp-tab-indicator-transition: all var(--ids-comp-tab-transition-duration) var(--ids-comp-tab-transition-timing-function);
  --ids-comp-tab-reduced-motion-transition: none;
}

@media (prefers-reduced-motion: reduce) {

  :root {
    --ids-comp-tab-transition: var(--ids-comp-tab-reduced-motion-transition);
    --ids-comp-tab-indicator-transition: var(--ids-comp-tab-reduced-motion-transition);
  }
}

:root {
  --ids-comp-table-border-color: var(--ids-sem-color-border-transparent, rgba(0, 0, 0, 0));
  --ids-comp-table-border-width: var(--ids-base-border-none, 0px);
  --ids-comp-table-border-radius: var(--ids-base-size-border-radius-sm, 4px);
  --ids-comp-table-border-spacing: var(--ids-base-space-0, 0px);
  --ids-comp-table-width: 100%;
  --ids-comp-table-contained-border-color: var(--ids-sem-color-border-muted, #b2b2b2);
  --ids-comp-table-contained-border-width: var(--ids-base-size-border-px, 1px);
  --ids-comp-table-th-border-color: var(--ids-sem-color-border-muted, #b2b2b2);
  --ids-comp-table-th-border-width: var(--ids-base-size-border-2, 2px);
  --ids-comp-table-th-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-table-th-text-color: var(--ids-sem-color-on-surface-muted, #6d6d6d);
  --ids-comp-table-th-font-weight: var(--ids-base-type-weight-regular, 400);
  --ids-comp-table-th-align: left;
  --ids-comp-table-th-padding-block: var(--ids-base-padding-30, 0.75rem);
  --ids-comp-table-th-padding-inline: var(--ids-base-padding-40, 1rem);
  --ids-comp-table-th-sort-gap: var(--ids-base-padding-15, 0.375rem);
  --ids-comp-table-th-sort-text-color: var(--ids-comp-table-th-text-color);
  --ids-comp-table-th-sorted-text-color: var(--ids-comp-table-th-text-color);
  --ids-comp-table-th-sm-font-size: var(--ids-base-type-size-xs, 0.75rem);
  --ids-comp-table-th-sm-padding-block: var(--ids-base-padding-20, 0.5rem);
  --ids-comp-table-th-sm-padding-inline: var(--ids-base-padding-40, 1rem);
  --ids-comp-table-th-light-background-color: var(--ids-sem-color-surface-subdued, #f4f4f4);
  --ids-comp-table-th-dark-border-color: var(--ids-sem-color-border-max, #000000);
  --ids-comp-table-th-dark-background-color: var(--ids-sem-color-surface-inverse-default, #4a4a4a);
  --ids-comp-table-th-dark-text-color: var(--ids-sem-color-on-surface-inverse, #ffffff);
  --ids-comp-table-th-dark-sort-text-color: var(--ids-comp-table-th-dark-text-color);
  --ids-comp-table-th-dark-sorted-text-color: var(--ids-comp-table-th-dark-text-color);
  --ids-comp-table-hover-transition-duration: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-table-hover-transition-easing: var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0));
  --ids-comp-table-row-hover-transition: background-color var(--ids-comp-table-hover-transition-duration) var(--ids-comp-table-hover-transition-easing);
  --ids-comp-table-td-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-table-td-border-color: var(--ids-sem-color-border-muted, #b2b2b2);
  --ids-comp-table-td-border-width: var(--ids-base-size-border-px, 1px);
  --ids-comp-table-td-text-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-table-td-font-family: var(--ids-sem-type-font-body, 'Roboto Flex', Roboto, sans-serif);
  --ids-comp-table-td-font-size: var(--ids-base-type-size-md, 1rem);
  --ids-comp-table-td-font-weight: var(--ids-base-type-weight-regular, 400);
  --ids-comp-table-td-text-align: left;
  --ids-comp-table-td-vertical-align: top;
  --ids-comp-table-td-padding-block: var(--ids-base-padding-35, 0.875rem);
  --ids-comp-table-td-padding-inline: var(--ids-base-padding-40, 1rem);
  --ids-comp-table-td-sm-font-size: var(--ids-base-type-size-sm, 0.875rem);
  --ids-comp-table-td-sm-padding-block: var(--ids-base-padding-25, 0.625rem);
  --ids-comp-table-td-sm-padding-inline: var(--ids-base-padding-40, 1rem);
  --ids-comp-table-td-hover-background-color: var(--ids-sem-color-surface-interactive-hover, #ebf6ff);
  --ids-comp-tile-cursor: pointer;
  --ids-comp-tile-display: inline-block;
  --ids-comp-tile-width-min: var(--ids-base-space-120, 3rem);
  --ids-comp-tile-height-min: var(--ids-base-space-120, 3rem);
  --ids-comp-tile-padding-block: var(--ids-base-space-40, 1rem);
  --ids-comp-tile-padding-inline: var(--ids-base-space-40, 1rem);
  --ids-comp-tile-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-tile-border-radius: var(--ids-base-border-radius-sm, 4px);
  --ids-comp-tile-border-width: var(--ids-base-size-border-px, 1px);
  --ids-comp-tile-border-color: var(--ids-sem-color-border-default, #828282);
  --ids-comp-tile-transition-duration: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-tile-transition-easing: var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0));
  --ids-comp-tile-transition-background-color: background-color var(--ids-comp-tile-transition-duration) var(--ids-comp-tile-transition-easing);
  --ids-comp-tile-transition-border-color: border-color var(--ids-comp-tile-transition-duration) var(--ids-comp-tile-transition-easing);
  --ids-comp-tile-transition-border-width: border-width var(--ids-comp-tile-transition-duration) var(--ids-comp-tile-transition-easing);
  --ids-comp-tile-transition-box-shadow: box-shadow var(--ids-comp-tile-transition-duration) var(--ids-comp-tile-transition-easing);
  --ids-comp-tile-transition: var(--ids-comp-tile-transition-background-color), var(--ids-comp-tile-transition-border-color), var(--ids-comp-tile-transition-border-width), var(--ids-comp-tile-transition-box-shadow);
  --ids-comp-tile-focus-box-shadow: var(--ids-sem-ring-focus, 0 0 0 2px #ffffff, 0 0 0 4px #005ba8);
  --ids-comp-tile-hover-background-color: var(--ids-sem-color-surface-interactive-hover, #ebf6ff);
  --ids-comp-tile-selected-background-color: var(--ids-sem-color-surface-interactive-selected, #ebf6ff);
  --ids-comp-tile-selected-border-color: var(--ids-sem-color-border-interactive-selected, #003468);
  --ids-comp-tile-selected-border-width: var(--ids-base-size-border-sm, 2px);
  --ids-comp-tile-header-gap: var(--ids-base-space-20, 0.5rem);
  --ids-comp-tile-header-margin-block-end: var(--ids-base-space-20, 0.5rem);
  --ids-comp-toast-enter-duration: var(--ids-base-duration-medium, 350ms);
  --ids-comp-toast-enter-easing: var(--ids-base-easing-enter, cubic-bezier(0.25, 0.46, 0.45, 0.94));
  --ids-comp-toast-exit-duration: var(--ids-base-duration-fast, 250ms);
  --ids-comp-toast-exit-easing: var(--ids-base-easing-exit, cubic-bezier(0.55, 0.06, 0.68, 0.19));
  --ids-comp-toast-transition-enter-top: top var(--ids-comp-toast-enter-duration) var(--ids-comp-toast-enter-easing);
  --ids-comp-toast-transition-enter-transform: transform var(--ids-comp-toast-enter-duration) var(--ids-comp-toast-enter-easing);
  --ids-comp-toast-transition-enter-opacity: opacity var(--ids-comp-toast-enter-duration) var(--ids-comp-toast-enter-easing);
  --ids-comp-toast-transition-exit-top: top var(--ids-comp-toast-exit-duration) var(--ids-comp-toast-exit-easing);
  --ids-comp-toast-transition-exit-transform: transform var(--ids-comp-toast-exit-duration) var(--ids-comp-toast-exit-easing);
  --ids-comp-toast-transition-exit-opacity: opacity var(--ids-comp-toast-exit-duration) var(--ids-comp-toast-exit-easing);
  --ids-comp-toast-transition-enter: var(--ids-comp-toast-transition-enter-top), var(--ids-comp-toast-transition-enter-transform), var(--ids-comp-toast-transition-enter-opacity);
  --ids-comp-toast-transition-exit: var(--ids-comp-toast-transition-exit-top), var(--ids-comp-toast-transition-exit-transform), var(--ids-comp-toast-transition-exit-opacity);
  --ids-comp-toast-transition: var(--ids-comp-toast-transition-enter);
  --ids-comp-toast-toaster-background: var(--ids-base-color-transparent, rgba(0, 0, 0, 0));
  --ids-comp-toast-toaster-gap: var(--ids-base-space-20, 0.5rem);
  --ids-comp-toast-toaster-padding: var(--ids-base-space-20, 0.5rem);
  --ids-comp-toast-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-toast-border-width: var(--ids-base-size-border-px, 1px);
  --ids-comp-toast-border-color: var(--ids-sem-color-border-muted, #b2b2b2);
  --ids-comp-toast-border-radius: var(--ids-sem-size-border-radius-default, 4px);
  --ids-comp-toast-box-shadow: var(--ids-base-shadow-md, 0 4px 4px 0 rgba(0,0,0,0.1));
  --ids-comp-toast-font-size: var(--ids-base-type-size-sm, 0.875rem);
  --ids-comp-toast-gap: var(--ids-base-space-30, 0.75rem);
  --ids-comp-toast-body-gap: var(--ids-base-space-10, 0.25rem);
  --ids-comp-toast-line-height: var(--ids-base-type-leading-snug, 1.3);
  --ids-comp-toast-link-color: var(--ids-sem-color-on-surface-link-rest, #005ba8);
  --ids-comp-toast-text-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-toast-icon-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-toast-height: 63px;
  --ids-comp-toast-height-and-gap: calc(var(--ids-comp-toast-height) + var(--ids-comp-toast-toaster-gap));
  --ids-comp-toast-padding: var(--ids-base-space-30, 0.75rem);
  --ids-comp-toast-padding-inline-start: var(--ids-base-space-20, 0.5rem);
  --ids-comp-toast-padding-inline-end: var(--ids-base-space-40, 1rem);
  --ids-comp-toast-top-sm: 0px;
  --ids-comp-toast-top-lg: 0px;
  --ids-comp-toast-top: var(--ids-comp-toast-top-sm);
  --ids-comp-toast-top-offset: 6px;
  --ids-comp-toast-width: 320px;
  --ids-comp-toast-z-index: 7;
  --ids-comp-toast-media-border-radius: var(--ids-sem-size-border-radius-default, 4px);
  --ids-comp-toast-media-margin: var(--ids-base-space-30, 0.75rem);
  --ids-comp-toast-media-width: var(--ids-base-space-100, 2.5rem);
  --ids-comp-toast-media-height: var(--ids-comp-toast-media-width);
  --ids-comp-toast-title-font-size: var(--ids-sem-typography-heading-h6-font-size, 0.875rem);
  --ids-comp-toast-title-font-weight: var(--ids-sem-typography-heading-h6-font-weight, 600);
  --ids-comp-toast-title-line-height: var(--ids-sem-typography-heading-h6-line-height, 1.2);
  --ids-comp-toast-close-padding: var(--ids-base-space-10, 0.25rem);
  --ids-comp-toast-close-padding-inline-start: var(--ids-base-space-10, 0.25rem);
  --ids-comp-toggle-group-background-color: var(--ids-sem-color-neutral-300, #b2b2b2);
  --ids-comp-toggle-group-border-color: var(--ids-sem-color-border-muted, #b2b2b2);
  --ids-comp-toggle-group-border-width: var(--ids-base-size-px, 1px);
  --ids-comp-toggle-group-border-radius: calc(var(--ids-base-size-border-radius-sm, 4px) - var(--ids-comp-toggle-group-border-width));
  --ids-comp-toggle-group-item-count: 1;
  --ids-comp-toggle-group-gap: 1px;
  --ids-comp-toggle-group-item-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-toggle-group-item-color: var(--ids-sem-color-on-surface-interactive-rest, #005ba8);
  --ids-comp-toggle-group-item-cursor: pointer;
  --ids-comp-toggle-group-item-font-family: var(--ids-base-type-font-sans, 'Roboto Flex', Roboto, sans-serif);
  --ids-comp-toggle-group-item-font-size: var(--ids-base-type-size-md, 1rem);
  --ids-comp-toggle-group-item-font-weight: var(--ids-base-type-font-weight-medium, 500);
  --ids-comp-toggle-group-item-gap: var(--ids-base-space-20, 0.5rem);
  --ids-comp-toggle-group-item-line-height: var(--ids-base-type-leading-none, 1);
  --ids-comp-toggle-group-item-height-min: var(--ids-comp-toggle-group-md-item-height-min);
  --ids-comp-toggle-group-item-padding-block: var(--ids-base-space-30, 0.75rem);
  --ids-comp-toggle-group-item-padding-inline: var(--ids-base-space-30, 0.75rem);
  --ids-comp-toggle-group-item-bg-hover: var(--ids-sem-color-surface-interactive-hover, #ebf6ff);
  --ids-comp-toggle-group-item-box-shadow: var(--ids-sem-ring-focus, 0 0 0 2px #ffffff, 0 0 0 4px #005ba8);
  --ids-comp-toggle-group-item-selected-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-toggle-group-item-selected-indicator-color: var(--ids-sem-color-border-interactive-selected, #003468);
  --ids-comp-toggle-group-item-selected-indicator-width: var(--ids-base-size-border-md, 4px);
  --ids-comp-toggle-group-item-disabled-color: var(--ids-sem-color-on-surface-muted, #6d6d6d);
  --ids-comp-toggle-group-item-cursor-disabled: not-allowed;
  --ids-comp-toggle-group-item-disabled-indicator-color: var(--ids-sem-color-border-muted, #b2b2b2);
  --ids-comp-toggle-group-md-item-height-min: var(--ids-base-space-80, 2rem);
  --ids-comp-toggle-group-sm-item-font-size: var(--ids-base-type-size-sm, 0.875rem);
  --ids-comp-toggle-group-sm-item-height-min: var(--ids-base-space-80, 2rem);
  --ids-comp-toggle-group-sm-item-line-height: var(--ids-base-type-leading-compact, 1.15);
  --ids-comp-toggle-group-sm-item-padding-block: var(--ids-base-space-20, 0.5rem);
  --ids-comp-toggle-group-sm-item-padding-inline: var(--ids-base-space-20, 0.5rem);
  --ids-comp-toggle-group-lg-item-font-size: var(--ids-base-type-size-xl, 1.25rem);
  --ids-comp-toggle-group-lg-item-height-min: var(--ids-base-space-120, 3rem);
  --ids-comp-toggle-group-lg-item-padding-block: var(--ids-base-space-35, 0.875rem);
  --ids-comp-toggle-group-lg-item-padding-inline: var(--ids-base-space-40, 1rem);
  --ids-comp-toggle-group-item-animation-duration-hover: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-toggle-group-item-animation-duration-state-change: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-toggle-group-item-animation-easing-morph: var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0));
  --ids-comp-toggle-group-item-transition-background-color: background-color var(--ids-comp-toggle-group-item-animation-duration-hover) var(--ids-comp-toggle-group-item-animation-easing-morph);
  --ids-comp-toggle-group-item-transition-border-color: border-color var(--ids-comp-toggle-group-item-animation-duration-state-change) var(--ids-comp-toggle-group-item-animation-easing-morph);
  --ids-comp-toggle-group-item-transition-color: color var(--ids-comp-toggle-group-item-animation-duration-state-change) var(--ids-comp-toggle-group-item-animation-easing-morph);
  --ids-comp-toggle-group-item-transition-box-shadow: box-shadow var(--ids-comp-toggle-group-item-animation-duration-hover) var(--ids-comp-toggle-group-item-animation-easing-morph);
  --ids-comp-toggle-group-item-transition-hover: var(--ids-comp-toggle-group-item-transition-background-color);
  --ids-comp-toggle-group-item-transition-state-change: var(--ids-comp-toggle-group-item-transition-color), var(--ids-comp-toggle-group-item-transition-border-color);
  --ids-comp-toggle-group-item-transition-focus: var(--ids-comp-toggle-group-item-transition-box-shadow);
  --ids-comp-tooltip-gap: var(--ids-base-space-40, 1rem);
  --ids-comp-tooltip-margin: var(--ids-base-space-0, 0px);
  --ids-comp-tooltip-position: fixed;
  --ids-comp-tooltip-offset: calc(var(--ids-comp-tooltip-pos-left-after-border-width) * 1.5);
  --ids-comp-tooltip-display: none;
  --ids-comp-tooltip-animation-duration-enter: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-tooltip-animation-duration-exit: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-tooltip-animation-easing-enter: var(--ids-base-easing-enter, cubic-bezier(0.25, 0.46, 0.45, 0.94));
  --ids-comp-tooltip-animation-easing-exit: var(--ids-base-easing-exit, cubic-bezier(0.55, 0.06, 0.68, 0.19));
  --ids-comp-tooltip-transition-opacity-enter: opacity var(--ids-comp-tooltip-animation-duration-enter) var(--ids-comp-tooltip-animation-easing-enter);
  --ids-comp-tooltip-transition-opacity-exit: opacity var(--ids-comp-tooltip-animation-duration-exit) var(--ids-comp-tooltip-animation-easing-exit);
  --ids-comp-tooltip-transition-display: display var(--ids-comp-tooltip-animation-duration-enter) allow-discrete;
  --ids-comp-tooltip-transition-overlay: overlay var(--ids-comp-tooltip-animation-duration-exit) allow-discrete;
  --ids-comp-tooltip-transition-enter: var(--ids-comp-tooltip-transition-opacity-enter), var(--ids-comp-tooltip-transition-display), var(--ids-comp-tooltip-transition-overlay);
  --ids-comp-tooltip-transition-exit: var(--ids-comp-tooltip-transition-opacity-exit), var(--ids-comp-tooltip-transition-display) var(--ids-comp-tooltip-animation-duration-exit), var(--ids-comp-tooltip-transition-overlay);
  --ids-comp-tooltip-trigger-padding: var(--ids-base-space-0, 0px);
  --ids-comp-tooltip-background-color: var(--ids-sem-color-surface-inverse-default, #4a4a4a);
  --ids-comp-tooltip-border-radius: var(--ids-sem-size-border-radius-default, 4px);
  --ids-comp-tooltip-box-shadow: var(--ids-base-shadow-md, 0 4px 4px 0 rgba(0,0,0,0.1));
  --ids-comp-tooltip-color: var(--ids-sem-color-on-surface-inverse, #ffffff);
  --ids-comp-tooltip-font-family: var(--ids-base-type-font-sans, 'Roboto Flex', Roboto, sans-serif);
  --ids-comp-tooltip-font-size: var(--ids-base-type-size-xs, 0.75rem);
  --ids-comp-tooltip-opacity: var(--ids-base-opacity-0, 0);
  --ids-comp-tooltip-padding-block: var(--ids-base-space-15, 0.375rem);
  --ids-comp-tooltip-padding-inline: var(--ids-base-space-20, 0.5rem);
  --ids-comp-tooltip-width: 12.5rem;
  --ids-comp-tooltip-min-width: calc(var(--ids-comp-tooltip-pos-bottom-after-border-width) * 4);
  --ids-comp-tooltip-sm-line-height: var(--ids-base-type-leading-none, 1);
  --ids-comp-tooltip-sm-padding-block: calc(var(--ids-base-space-15, 0.375rem) - 1px);
  --ids-comp-tooltip-lg-font-size: var(--ids-base-type-size-sm, 0.875rem);
  --ids-comp-tooltip-lg-line-height: var(--ids-base-type-leading-snug, 1.3);
  --ids-comp-tooltip-lg-padding-block: var(--ids-base-space-20, 0.5rem);
  --ids-comp-tooltip-lg-padding-inline: var(--ids-base-space-20, 0.5rem);
  --ids-comp-tooltip-lg-content-line-height: var(--ids-base-type-leading-snug, 1.3);
  --ids-comp-tooltip-open-display: flex;
  --ids-comp-tooltip-open-opacity: var(--ids-base-opacity-100, 1.0);
  --ids-comp-tooltip-pointer-size: 8.5px;
  --ids-comp-tooltip-pointer-offset: calc(var(--ids-comp-tooltip-pointer-size) * 1.25);
  --ids-comp-tooltip-pointer-x: -50%;
  --ids-comp-tooltip-pointer-y: -50%;
  --ids-comp-tooltip-pointer-vert: top;
  --ids-comp-tooltip-pointer-horz: left;
  --ids-comp-type-h1-font-variation-settings: var(--ids-base-type-variation-width-narrower, 60), var(--ids-base-type-variation-grade-light, -64);
  --ids-comp-type-h1-letter-spacing: var(--ids-sem-typography-heading-h1-letter-spacing, -0.01em);
  --ids-comp-type-font-size: inherit;
  --ids-comp-type-line-height: var(--ids-base-type-leading-tight, 1.25);
  --ids-comp-type-li-margin-block-end: var(--ids-sem-typography-list-md-block-spacing, 1.25rem);
  --ids-comp-type-p-margin-block-end: var(--ids-base-space-40, 1rem);
  --ids-comp-type-h1-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-type-h1-font-family: var(--ids-sem-typography-heading-h1-font-family, 'Roboto Flex', Roboto, sans-serif);
  --ids-comp-type-h1-font-size: var(--ids-sem-typography-heading-h1-font-size, 1.75rem);
  --ids-comp-type-h1-font-weight: var(--ids-sem-typography-heading-h1-font-weight, 700);
  --ids-comp-type-h1-line-height: var(--ids-sem-typography-heading-h1-line-height, 1.15);
  --ids-comp-type-h1-margin-block: 0;
  --ids-comp-type-h1-margin-inline: 0;
  --ids-comp-type-h1-text-transform: var(--ids-sem-typography-heading-h1-text-case, none);
  --ids-comp-type-h2-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-type-h2-font-family: var(--ids-sem-typography-heading-h2-font-family, 'Roboto Flex', Roboto, sans-serif);
  --ids-comp-type-h2-font-size: var(--ids-sem-typography-heading-h2-font-size, 1.375rem);
  --ids-comp-type-h2-font-weight: var(--ids-sem-typography-heading-h2-font-weight, 700);
  --ids-comp-type-h2-line-height: var(--ids-sem-typography-heading-h2-line-height, 1.15);
  --ids-comp-type-h2-margin-block: 0;
  --ids-comp-type-h2-margin-inline: 0;
  --ids-comp-type-h2-text-transform: var(--ids-sem-typography-heading-h2-text-case, none);
  --ids-comp-type-h3-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-type-h3-font-family: var(--ids-sem-typography-heading-h3-font-family, 'Roboto Flex', Roboto, sans-serif);
  --ids-comp-type-h3-font-size: var(--ids-sem-typography-heading-h3-font-size, 1.25rem);
  --ids-comp-type-h3-font-weight: var(--ids-sem-typography-heading-h3-font-weight, 600);
  --ids-comp-type-h3-line-height: var(--ids-sem-typography-heading-h3-line-height, 1.2);
  --ids-comp-type-h3-margin-block: 0;
  --ids-comp-type-h3-margin-inline: 0;
  --ids-comp-type-h3-text-transform: var(--ids-sem-typography-heading-h3-text-case, none);
  --ids-comp-type-h4-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-type-h4-font-family: var(--ids-sem-typography-heading-h4-font-family, 'Roboto Flex', Roboto, sans-serif);
  --ids-comp-type-h4-font-size: var(--ids-sem-typography-heading-h4-font-size, 1.125rem);
  --ids-comp-type-h4-font-weight: var(--ids-sem-typography-heading-h4-font-weight, 500);
  --ids-comp-type-h4-line-height: var(--ids-sem-typography-heading-h4-line-height, 1.2);
  --ids-comp-type-h4-margin-block: 0;
  --ids-comp-type-h4-margin-inline: 0;
  --ids-comp-type-h4-text-transform: var(--ids-sem-typography-heading-h4-text-case, none);
  --ids-comp-type-h5-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-type-h5-font-family: var(--ids-sem-typography-heading-h5-font-family, 'Roboto Flex', Roboto, sans-serif);
  --ids-comp-type-h5-font-size: var(--ids-sem-typography-heading-h5-font-size, 1rem);
  --ids-comp-type-h5-font-weight: var(--ids-sem-typography-heading-h5-font-weight, 600);
  --ids-comp-type-h5-line-height: var(--ids-sem-typography-heading-h5-line-height, 1.2);
  --ids-comp-type-h5-margin-block: 0;
  --ids-comp-type-h5-margin-inline: 0;
  --ids-comp-type-h5-text-transform: var(--ids-sem-typography-heading-h5-text-case, none);
  --ids-comp-type-h6-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-type-h6-font-family: var(--ids-sem-typography-heading-h6-font-family, 'Roboto Flex', Roboto, sans-serif);
  --ids-comp-type-h6-font-size: var(--ids-sem-typography-heading-h6-font-size, 0.875rem);
  --ids-comp-type-h6-font-weight: var(--ids-sem-typography-heading-h6-font-weight, 600);
  --ids-comp-type-h6-line-height: var(--ids-sem-typography-heading-h6-line-height, 1.2);
  --ids-comp-type-h6-margin-block: 0;
  --ids-comp-type-h6-margin-inline: 0;
  --ids-comp-type-h6-text-transform: var(--ids-sem-typography-heading-h6-text-case, none);
  --ids-comp-type-line-height-xxs: var(--ids-base-type-leading-snug, 1.3);
  --ids-comp-type-line-height-xs: var(--ids-base-type-leading-snug, 1.3);
  --ids-comp-type-line-height-sm: var(--ids-base-type-leading-snug, 1.3);
  --ids-comp-type-line-height-md: var(--ids-base-type-leading-tight, 1.25);
  --ids-comp-type-line-height-lg: var(--ids-base-type-leading-tight, 1.25);
  --ids-comp-type-font-size-xxs: var(--ids-base-type-size-xxs, 0.625rem);
  --ids-comp-type-font-size-xs: var(--ids-base-type-size-xs, 0.75rem);
  --ids-comp-type-font-size-sm: var(--ids-base-type-size-sm, 0.875rem);
  --ids-comp-type-font-size-md: var(--ids-base-type-size-md, 1rem);
  --ids-comp-type-font-size-lg: var(--ids-base-type-size-lg, 1.125rem);
  --ids-comp-type-li-xxs-margin-block-end: var(--ids-sem-typography-list-xxs-block-spacing);
  --ids-comp-type-li-xs-margin-block-end: var(--ids-sem-typography-list-xs-block-spacing);
  --ids-comp-type-li-sm-margin-block-end: var(--ids-sem-typography-list-sm-block-spacing);
  --ids-comp-type-li-md-margin-block-end: var(--ids-sem-typography-list-md-block-spacing);
  --ids-comp-type-li-lg-margin-block-end: var(--ids-sem-typography-list-lg-block-spacing);
  --ids-focus-ring: var(--ids-sem-ring-focus, 0 0 0 2px #ffffff, 0 0 0 4px #005ba8);
}

strong, b {
  font-weight: 600;
}

:root {
  --ids-comp-accordion-background-color: var(--ids-base-color-transparent, rgba(0, 0, 0, 0));
  --ids-comp-accordion-border-color: var(--ids-sem-color-border-muted, #b2b2b2);
  --ids-comp-accordion-border-radius: var(--ids-sem-size-border-radius-default, 4px);
  --ids-comp-accordion-border-width: var(--ids-base-size-border-px, 1px);
  --ids-comp-accordion-contained-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-accordion-item-color: var(--ids-sem-color-on-surface-interactive-rest, #005ba8);
  --ids-comp-accordion-item-font-weight: var(--ids-sem-type-weight-interactive-default, 500);
  --ids-comp-accordion-item-line-height: var(--ids-base-type-leading-normal , 1.5);
  --ids-comp-accordion-item-gap: var(--ids-base-space-20, 0.5rem);
  --ids-comp-accordion-item-padding-block: var(--ids-base-space-20, 0.5rem);
  --ids-comp-accordion-item-padding-inline: var(--ids-base-space-10, 0.25rem);
  --ids-comp-accordion-badge-margin: var(--ids-base-space-20, 0.5rem);
  --ids-comp-accordion-item-hover-background-color: var(--ids-sem-color-surface-interactive-hover, #ebf6ff);
  --ids-comp-accordion-item-border-width: var(--ids-base-size-border-px, 1px);
  --ids-comp-accordion-item-border-color: transparent;
  --ids-comp-accordion-item-box-shadow: none;
  --ids-comp-accordion-item-focus-box-shadow: var(--ids-sem-ring-focus, 0 0 0 2px #ffffff, 0 0 0 4px #005ba8);
  --ids-comp-accordion-item-container-padding-inline: var(--ids-base-space-40, 1rem);
  --ids-comp-accordion-content-padding-block: var(--ids-base-space-25, 0.625rem);
  --ids-comp-accordion-content-padding-inline: var(--ids-base-space-10, 0.25rem);
  --ids-comp-accordion-content-contained-padding-inline: var(--ids-base-space-40, 1rem);
  --ids-comp-accordion-hover-transition-duration: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-accordion-hover-transition-easing: var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0));
  --ids-comp-accordion-expand-transition-duration: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-accordion-expand-transition-easing: var(--ids-base-easing-enter, cubic-bezier(0.25, 0.46, 0.45, 0.94));
  --ids-comp-accordion-collapse-transition-duration: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-accordion-collapse-transition-easing: var(--ids-base-easing-exit, cubic-bezier(0.55, 0.06, 0.68, 0.19));
  --ids-comp-accordion-transition-background-color: background-color var(--ids-comp-accordion-hover-transition-duration) var(--ids-comp-accordion-hover-transition-easing);
  --ids-comp-accordion-transition-box-shadow: box-shadow var(--ids-comp-accordion-hover-transition-duration) var(var(--ids-comp-accordion-hover-transition-easing));
  --ids-comp-accordion-transition-hover: var(--ids-comp-accordion-transition-background-color), var(--ids-comp-accordion-transition-box-shadow);
  transition-property: background-color, box-shadow;
  transition-duration: var(--ids-comp-accordion-hover-transition-duration);
  transition-timing-function: var(--ids-comp-accordion-hover-transition-easing);
  --ids-comp-accordion-border-radius-start-start: 0;
  --ids-comp-accordion-border-radius-start-end: 0;
  --ids-comp-accordion-border-radius-end-start: 0;
  --ids-comp-accordion-border-radius-end-end: 0;
  --ids-comp-accordion-border-top: medium none currentColor;
  --ids-comp-ai-loader-size: var(--ids-base-space-50);
  --ids-comp-ai-loader-gap: var(--ids-base-space-20);
  --ids-comp-ai-loader-font-size: var(--ids-base-type-size-md);
  --ids-comp-ai-loader-ring-color: var(--ids-sem-color-on-surface-primary, #2372b8);
  --ids-comp-ai-loader-ring-width: var(--ids-base-space-25, 0.625rem);
  --ids-comp-ai-loader-ring-linecap: round;
  --ids-comp-ai-loader-center-color: none;
  --ids-comp-alert-border-block-width: var(--ids-base-size-border-px, 1px);
  --ids-comp-alert-border-inline-width: var(--ids-base-size-border-lg, 8px) var(--ids-base-size-border-px, 1px);
  --ids-comp-alert-gap: var(--ids-base-space-30, 0.75rem);
  --ids-comp-alert-line-height: var(--ids-base-type-leading-snug, 1.3);
  --ids-comp-alert-link-color: var(--ids-sem-color-on-surface-link-rest, #005ba8);
  --ids-comp-alert-padding: var(--ids-base-space-30, 0.75rem);
  --ids-comp-alert-type-size: var(--ids-base-type-size-sm, 0.875rem);
  --ids-comp-alert-border-radius: var(--ids-sem-size-border-radius-default, 4px);
  --ids-comp-alert-padding-inline-end: var(--ids-base-space-40, 10rem);
  --ids-comp-alert-border-color: var(--ids-comp-alert-info-border-color);
  --ids-comp-alert-info-border-color: var(--ids-sem-color-border-info, #2372b8);
  --ids-comp-alert-success-border-color: var(--ids-sem-color-border-success, #3c7b29);
  --ids-comp-alert-caution-border-color: var(--ids-sem-color-border-caution, #ebb000);
  --ids-comp-alert-error-border-color: var(--ids-sem-color-border-error, #d41e27);
  --ids-comp-alert-icon-color: var(--ids-comp-alert-info-icon-color);
  --ids-comp-alert-info-icon-color: var(--ids-sem-color-on-surface-info-default, #2372b8);
  --ids-comp-alert-success-icon-color: var(--ids-sem-color-on-surface-success-default, #3c7b29);
  --ids-comp-alert-caution-icon-color: var(--ids-sem-color-on-surface-caution-default, #ebb000);
  --ids-comp-alert-error-icon-color: var(--ids-sem-color-on-surface-error-default, #d41e27);
  --ids-comp-alert-header-font-size: var(--ids-sem-typography-heading-h6-font-size, 0.875rem);
  --ids-comp-alert-header-font-weight: var(--ids-sem-typography-heading-h6-font-weight, 600);
  --ids-comp-alert-header-line-height: var(--ids-sem-typography-heading-h6-line-height, 1.2);
  --ids-comp-alert-close-btn-padding: var(--ids-base-space-10, 0.25rem);
  --ids-comp-alert-close-btn-inline-start: var(--ids-base-space-15, 0.375rem);
  --ids-comp-alert-close-btn-color: var(--ids-sem-color-on-surface-subdued, #5a5a5a);
  --ids-comp-alert-animation-duration-click-dismiss: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-alert-animation-duration-auto-dismiss: var(--ids-base-duration-slow, 500ms);
  --ids-comp-alert-animation-easing-exit: var(--ids-base-easing-exit, cubic-bezier(0.55, 0.06, 0.68, 0.19));
  --ids-comp-alert-transition-click-dismiss: opacity var(--ids-comp-alert-animation-duration-click-dismiss) var(--ids-comp-alert-animation-easing-exit);
  --ids-comp-alert-transition-auto-dismiss: opacity var(--ids-comp-alert-animation-duration-auto-dismiss) var(--ids-comp-alert-animation-easing-exit);
  --ids-comp-avatar-background-color: var(--ids-sem-color-surface-muted, #e3e3e3);
  --ids-comp-avatar-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-avatar-border-radius: var(--ids-sem-size-border-radius-round, 9999px);
  --ids-comp-avatar-line-height: var(--ids-base-type-leading-none, 1);
  --ids-comp-avatar-initials-text-transform: var(--ids-base-type-transform-uppercase, uppercase);
  --ids-comp-avatar-initials-type-weight: var(--ids-base-type-weight-medium, 500);
  --ids-comp-avatar-initials-width: 100%;
  --ids-comp-avatar-xs-width: var(--ids-base-space-60, 1.5rem);
  --ids-comp-avatar-xs-height: var(--ids-base-space-60, 1.5rem);
  --ids-comp-avatar-xs-font-size: var(--ids-base-type-size-xxs, 0.625rem);
  --ids-comp-avatar-xs-icon-width: var(--ids-base-space-30, 0.75rem);
  --ids-comp-avatar-xs-icon-height: var(--ids-base-space-30, 0.75rem);
  --ids-comp-avatar-sm-width: var(--ids-base-space-80, 2rem);
  --ids-comp-avatar-sm-height: var(--ids-base-space-80, 2rem);
  --ids-comp-avatar-sm-font-size: var(--ids-base-type-size-sm, 0.875rem);
  --ids-comp-avatar-sm-icon-width: var(--ids-base-space-40, 1rem);
  --ids-comp-avatar-sm-icon-height: var(--ids-base-space-40, 1rem);
  --ids-comp-avatar-md-width: var(--ids-base-space-100, 2.5rem);
  --ids-comp-avatar-md-height: var(--ids-base-space-100, 2.5rem);
  --ids-comp-avatar-md-font-size: var(--ids-base-type-size-lg, 1.125rem);
  --ids-comp-avatar-md-icon-width: var(--ids-base-space-50, 1.25rem);
  --ids-comp-avatar-md-icon-height: var(--ids-base-space-50, 1.25rem);
  --ids-comp-avatar-lg-width: var(--ids-base-space-120, 3rem);
  --ids-comp-avatar-lg-height: var(--ids-base-space-120, 3rem);
  --ids-comp-avatar-lg-font-size: var(--ids-base-type-size-xxl, 1.375rem);
  --ids-comp-avatar-lg-icon-width: var(--ids-base-space-60, 1.5rem);
  --ids-comp-avatar-lg-icon-height: var(--ids-base-space-60, 1.5rem);
  --ids-comp-avatar-interactive-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-avatar-interactive-border-color: var(--ids-sem-color-border-interactive-rest, #005ba8);
  --ids-comp-avatar-interactive-border-width: var(--ids-base-size-border-sm, 2px);
  --ids-comp-avatar-interactive-color: var(--ids-sem-color-on-surface-interactive-rest, #005ba8);
  --ids-comp-avatar-interactive-hover-background-color: var(--ids-sem-color-surface-interactive-hover, #ebf6ff);
  --ids-comp-avatar-interactive-font-family: inherit;
  --ids-comp-avatar-animation-duration: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-avatar-hover-easing: var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0));
  --ids-comp-avatar-transition: background-color var(--ids-comp-avatar-animation-duration) var(--ids-comp-avatar-hover-easing);
  --ids-comp-badge-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-badge-border-color: transparent;
  --ids-comp-badge-border-radius: var(--ids-sem-size-border-radius-round, 9999px);
  --ids-comp-badge-border-width: var(--ids-base-size-border-px, 1px);
  --ids-comp-badge-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-badge-font-size: var(--ids-base-type-size-sm, 0.875rem);
  --ids-comp-badge-font-weight: var(--ids-base-type-weight-regular, 400);
  --ids-comp-badge-gap: var(--ids-base-space-10, 0.25rem);
  --ids-comp-badge-line-height: var(--ids-base-type-leading-compact, 1);
  --ids-comp-badge-padding-block: var(--ids-base-space-10, 0.25rem);
  --ids-comp-badge-padding-inline: var(--ids-base-space-25, 0.625rem);
  --ids-comp-bottom-sheet-max-width: min(90%, var(--ids-base-screen-md, 680px));
  --ids-comp-bottom-sheet-max-height: min(90vh, 100svh);
  --ids-comp-bottom-sheet-handle-width: var(--ids-base-space-200, 5rem);
  --ids-comp-bottom-sheet-handle-height: var(--ids-base-space-60, 1.5rem);
  --ids-comp-bottom-sheet-handle-bar-color: var(--ids-sem-color-border-muted, #b2b2b2);
  --ids-comp-bottom-sheet-handle-bar-width: var(--ids-base-space-140, 3.5rem);
  --ids-comp-bottom-sheet-handle-bar-height: var(--ids-base-space-10, 0.25rem);
  --ids-comp-bottom-sheet-handle-bar-border-radius: var(--ids-base-size-border-radius-full, 9999px);
  --ids-comp-bottom-sheet-handle-bar-offset-block-start: var(--ids-base-space-30, 0.75rem);
  --ids-comp-bottom-sheet-header-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-bottom-sheet-header-padding-block-start: var(--ids-base-space-40, 1rem);
  --ids-comp-bottom-sheet-header-row-gap: 0;
  --ids-comp-bottom-sheet-header-row-min-block-size: var(--ids-base-space-100, 2.5rem);
  --ids-comp-bottom-sheet-header-row-padding-inline-start: var(--ids-base-space-40, 1rem);
  --ids-comp-bottom-sheet-header-row-padding-inline-end: var(--ids-base-space-40, 1rem);
  --ids-comp-bottom-sheet-body-padding-block: var(--ids-base-space-40, 1rem);
  --ids-comp-bottom-sheet-body-padding-inline: var(--ids-base-space-40, 1rem);
  --ids-comp-bottom-sheet-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-bottom-sheet-border-radius-top: var(--ids-base-size-border-radius-lg, 8px);
  --ids-comp-bottom-sheet-box-shadow: var(--ids-base-shadow-lg, 0 6px 6px 0 rgba(0,0,0,0.3));
  --ids-comp-bottom-sheet-scrim-background-color: var(--ids-sem-color-overlay-dark, rgba(74, 74, 74, 0.8));
  --ids-comp-bottom-sheet-animation-duration-enter: var(--ids-base-duration-fast, 250ms);
  --ids-comp-bottom-sheet-animation-duration-exit: var(--ids-base-duration-fast, 250ms);
  --ids-comp-bottom-sheet-animation-easing-enter: var(--ids-base-easing-enter, cubic-bezier(0.25, 0.46, 0.45, 0.94));
  --ids-comp-bottom-sheet-animation-easing-exit: var(--ids-base-easing-exit, cubic-bezier(0.55, 0.06, 0.68, 0.19));
  --ids-comp-bottom-sheet-transition-transform-enter: transform var(--ids-comp-bottom-sheet-animation-duration-enter) var(--ids-comp-bottom-sheet-animation-easing-enter);
  --ids-comp-bottom-sheet-transition-opacity-enter: opacity var(--ids-comp-bottom-sheet-animation-duration-enter) var(--ids-comp-bottom-sheet-animation-easing-enter);
  --ids-comp-bottom-sheet-transition-transform-exit: transform var(--ids-comp-bottom-sheet-animation-duration-exit) var(--ids-comp-bottom-sheet-animation-easing-exit);
  --ids-comp-bottom-sheet-transition-opacity-exit: opacity var(--ids-comp-bottom-sheet-animation-duration-exit) var(--ids-comp-bottom-sheet-animation-easing-exit);
  --ids-comp-bottom-sheet-transition-enter: var(--ids-comp-bottom-sheet-transition-transform-enter), var(--ids-comp-bottom-sheet-transition-opacity-enter);
  --ids-comp-bottom-sheet-transition-exit: var(--ids-comp-bottom-sheet-transition-transform-exit), var(--ids-comp-bottom-sheet-transition-opacity-exit);
  --ids-comp-breadcrumbs-display: flex;
  --ids-comp-breadcrumbs-flex-direction: row;
  --ids-comp-breadcrumbs-width: max-content;
  --ids-comp-breadcrumbs-color: var(--ids-sem-color-on-surface-link-rest, #005ba8);
  --ids-comp-breadcrumbs-hover-color: var(--ids-sem-color-on-surface-link-hover, #318ad3);
  --ids-comp-breadcrumbs-font-weight: var(--ids-sem-type-weight-interactive-default, 500);
  --ids-comp-breadcrumbs-box-shadow: var(--ids-sem-ring-focus, 0 0 0 2px #ffffff, 0 0 0 4px #005ba8);
  --ids-comp-breadcrumbs-divider-color: var(--ids-sem-color-on-surface-muted, #6d6d6d);
  --ids-comp-breadcrumbs-current-color: var(--ids-sem-color-on-surface-muted, #6d6d6d);
  --ids-comp-breadcrumbs-xs-font-size: var(--ids-base-type-size-xs, 0.75rem);
  --ids-comp-breadcrumbs-sm-font-size: var(--ids-base-type-size-sm, 0.875rem);
  --ids-comp-breadcrumbs-font-size: var(--ids-comp-breadcrumbs-sm-font-size);
  --ids-comp-breadcrumbs-transition-duration: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-breadcrumbs-transition-easing: var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0));
  --ids-comp-breadcrumbs-transition-color: color var(--ids-comp-breadcrumbs-transition-duration) var(--ids-comp-breadcrumbs-transition-easing);
  --ids-comp-breadcrumbs-transition: var(--ids-comp-breadcrumbs-transition-color);
  --ids-comp-btn-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-btn-border-color: var(--ids-base-color-transparent, rgba(0, 0, 0, 0));
  --ids-comp-btn-border-radius: var(--ids-sem-size-border-radius-button, 4px);
  --ids-comp-btn-border-style: solid;
  --ids-comp-btn-border-width: var(--ids-base-size-border-px, 1px);
  --ids-comp-btn-color: var(--ids-sem-color-on-surface-interactive-rest, #005ba8);
  --ids-comp-btn-cursor: pointer;
  --ids-comp-btn-font-family: var(--ids-sem-type-font-button-default, 'Roboto Flex', Roboto, sans-serif);
  --ids-comp-btn-font-size: var(--ids-comp-btn-md-font-size);
  --ids-comp-btn-font-weight: var(--ids-sem-type-weight-button-default, 600);
  --ids-comp-btn-gap: var(--ids-comp-btn-md-gap);
  --ids-comp-btn-height: auto;
  --ids-comp-btn-line-height: var(--ids-comp-btn-md-line-height);
  --ids-comp-btn-min-height: var(--ids-comp-btn-md-min-height);
  --ids-comp-btn-padding-block: var(--ids-comp-btn-md-padding-block);
  --ids-comp-btn-padding-inline: var(--ids-comp-btn-md-padding-inline);
  --ids-comp-btn-transition-duration: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-btn-transition-easing: var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0));
  --ids-comp-btn-transition-background-color: background-color var(--ids-comp-btn-transition-duration) var(--ids-comp-btn-transition-easing);
  --ids-comp-btn-transition-border-color: border-color var(--ids-comp-btn-transition-duration) var(--ids-comp-btn-transition-easing);
  --ids-comp-btn-transition-color: color var(--ids-comp-btn-transition-duration) var(--ids-comp-btn-transition-easing);
  --ids-comp-btn-transition-transform: transform var(--ids-comp-btn-transition-duration) var(--ids-comp-btn-transition-easing);
  --ids-comp-btn-transition-box-shadow: box-shadow var(--ids-comp-btn-transition-duration) var(--ids-comp-btn-transition-easing);
  --ids-comp-btn-transition: var(--ids-comp-btn-transition-background-color), var(--ids-comp-btn-transition-border-color), var(--ids-comp-btn-transition-color), var(--ids-comp-btn-transition-transform), var(--ids-comp-btn-transition-box-shadow);
  --ids-comp-btn-active-scale: 0.98;
  --ids-comp-btn-rest-scale: 1;
  --ids-comp-btn-hover-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-btn-hover-border-color: var(--ids-base-color-transparent, rgba(0, 0, 0, 0));
  --ids-comp-btn-hover-color: var(--ids-sem-color-on-surface-interactive-hover, #005ba8);
  --ids-comp-btn-active-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-btn-active-border-color: var(--ids-base-color-transparent, rgba(0, 0, 0, 0));
  --ids-comp-btn-active-color: var(--ids-sem-color-on-surface-interactive-active, #005ba8);
  --ids-comp-btn-focus-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-btn-focus-border-color: var(--ids-base-color-transparent, rgba(0, 0, 0, 0));
  --ids-comp-btn-focus-box-shadow: var(--ids-sem-ring-focus, 0 0 0 2px #ffffff, 0 0 0 4px #005ba8);
  --ids-comp-btn-focus-color: var(--ids-sem-color-on-surface-interactive-focus, #000000);
  --ids-comp-btn-disabled-background-color: var(--ids-sem-color-surface-interactive-disabled, #e3e3e3);
  --ids-comp-btn-disabled-border-color: var(--ids-sem-color-border-interactive-disabled, #b2b2b2);
  --ids-comp-btn-disabled-color: var(--ids-sem-color-on-surface-interactive-disabled, #959595);
  --ids-comp-btn-disabled-cursor: not-allowed;
  --ids-comp-btn-primary-background-color: var(--ids-sem-color-surface-button-primary-rest, #005ba8);
  --ids-comp-btn-primary-border-color: var(--ids-sem-color-border-button-primary-rest, rgba(0, 0, 0, 0));
  --ids-comp-btn-primary-border-width: var(--ids-sem-size-border-button-primary, 0px);
  --ids-comp-btn-primary-color: var(--ids-sem-color-on-surface-button-primary-rest, #ffffff);
  --ids-comp-btn-primary-hover-background-color: var(--ids-sem-color-surface-button-primary-hover, #2372b8);
  --ids-comp-btn-primary-hover-border-color: var(--ids-sem-color-border-button-primary-hover, rgba(0, 0, 0, 0));
  --ids-comp-btn-primary-hover-color: var(--ids-sem-color-on-surface-button-primary-hover, #ffffff);
  --ids-comp-btn-primary-active-background-color: var(--ids-sem-color-surface-button-primary-active, #2372b8);
  --ids-comp-btn-primary-active-border-color: var(--ids-sem-color-border-button-primary-active, rgba(0, 0, 0, 0));
  --ids-comp-btn-primary-active-color: var(--ids-sem-color-on-surface-button-primary-active, #ffffff);
  --ids-comp-btn-primary-focus-background-color: var(--ids-sem-color-surface-button-primary-focus, #005ba8);
  --ids-comp-btn-primary-focus-border-color: var(--ids-sem-color-border-button-primary-focus, rgba(0, 0, 0, 0));
  --ids-comp-btn-primary-focus-box-shadow: var(--ids-sem-ring-focus, 0 0 0 2px #ffffff, 0 0 0 4px #005ba8);
  --ids-comp-btn-primary-focus-color: var(--ids-sem-color-on-surface-button-primary-focus, #ffffff);
  --ids-comp-btn-primary-disabled-background-color: var(--ids-sem-color-surface-button-primary-disabled, #e3e3e3);
  --ids-comp-btn-primary-disabled-border-color: var(--ids-sem-color-border-button-primary-disabled, rgba(0, 0, 0, 0));
  --ids-comp-btn-primary-disabled-color: var(--ids-sem-color-on-surface-button-primary-disabled, #959595);
  --ids-comp-btn-secondary-background-color: var(--ids-sem-color-surface-button-secondary-rest, rgba(0, 0, 0, 0));
  --ids-comp-btn-secondary-border-color: var(--ids-sem-color-border-button-secondary-rest, #005ba8);
  --ids-comp-btn-secondary-border-width: var(--ids-sem-size-border-button-secondary, 1px);
  --ids-comp-btn-secondary-color: var(--ids-sem-color-on-surface-button-secondary-rest, #005ba8);
  --ids-comp-btn-secondary-hover-background-color: var(--ids-sem-color-surface-button-secondary-hover, #ebf6ff);
  --ids-comp-btn-secondary-hover-border-color: var(--ids-sem-color-border-button-secondary-hover, #005ba8);
  --ids-comp-btn-secondary-hover-color: var(--ids-sem-color-on-surface-button-secondary-hover, #005ba8);
  --ids-comp-btn-secondary-active-background-color: var(--ids-sem-color-surface-button-secondary-active, #ebf6ff);
  --ids-comp-btn-secondary-active-border-color: var(--ids-sem-color-border-button-secondary-active, #005ba8);
  --ids-comp-btn-secondary-active-color: var(--ids-sem-color-on-surface-button-secondary-active, #005ba8);
  --ids-comp-btn-secondary-focus-background-color: var(--ids-sem-color-surface-button-secondary-focus, rgba(0, 0, 0, 0));
  --ids-comp-btn-secondary-focus-border-color: var(--ids-sem-color-border-button-secondary-focus, #005ba8);
  --ids-comp-btn-secondary-focus-box-shadow: var(--ids-sem-ring-focus, 0 0 0 2px #ffffff, 0 0 0 4px #005ba8);
  --ids-comp-btn-secondary-focus-color: var(--ids-sem-color-on-surface-button-secondary-focus, #005ba8);
  --ids-comp-btn-secondary-disabled-background-color: var(--ids-sem-color-surface-button-secondary-disabled, rgba(0, 0, 0, 0));
  --ids-comp-btn-secondary-disabled-border-color: var(--ids-sem-color-border-button-secondary-disabled, #b2b2b2);
  --ids-comp-btn-secondary-disabled-color: var(--ids-sem-color-on-surface-button-secondary-disabled, #959595);
  --ids-comp-btn-secondary-rounded-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-btn-secondary-rounded-border-color: var(--ids-base-color-transparent, rgba(0, 0, 0, 0));
  --ids-comp-btn-tertiary-background-color: var(--ids-sem-color-surface-button-tertiary-rest, rgba(0, 0, 0, 0));
  --ids-comp-btn-tertiary-border-color: var(--ids-sem-color-border-button-tertiary-rest, rgba(0, 0, 0, 0));
  --ids-comp-btn-tertiary-border-width: var(--ids-sem-size-border-button-tertiary, 0px);
  --ids-comp-btn-tertiary-color: var(--ids-sem-color-on-surface-button-tertiary-rest, #005ba8);
  --ids-comp-btn-tertiary-hover-background-color: var(--ids-sem-color-surface-button-tertiary-hover, #ebf6ff);
  --ids-comp-btn-tertiary-hover-border-color: var(--ids-sem-color-border-button-tertiary-hover, rgba(0, 0, 0, 0));
  --ids-comp-btn-tertiary-hover-color: var(--ids-sem-color-on-surface-button-tertiary-hover, #005ba8);
  --ids-comp-btn-tertiary-active-background-color: var(--ids-sem-color-surface-button-tertiary-active, #ebf6ff);
  --ids-comp-btn-tertiary-active-border-color: var(--ids-sem-color-border-button-tertiary-active, rgba(0, 0, 0, 0));
  --ids-comp-btn-tertiary-active-color: var(--ids-sem-color-on-surface-button-tertiary-active, #005ba8);
  --ids-comp-btn-tertiary-focus-background-color: var(--ids-sem-color-surface-button-tertiary-focus, rgba(0, 0, 0, 0));
  --ids-comp-btn-tertiary-focus-border-color: var(--ids-sem-color-border-button-tertiary-focus, rgba(0, 0, 0, 0));
  --ids-comp-btn-tertiary-focus-box-shadow: var(--ids-sem-ring-focus, 0 0 0 2px #ffffff, 0 0 0 4px #005ba8);
  --ids-comp-btn-tertiary-focus-color: var(--ids-sem-color-on-surface-button-tertiary-focus, #005ba8);
  --ids-comp-btn-tertiary-disabled-background-color: var(--ids-sem-color-surface-button-tertiary-disabled, rgba(0, 0, 0, 0));
  --ids-comp-btn-tertiary-disabled-border-color: var(--ids-sem-color-border-button-tertiary-disabled, rgba(0, 0, 0, 0));
  --ids-comp-btn-tertiary-disabled-color: var(--ids-sem-color-on-surface-button-tertiary-disabled, #959595);
  --ids-comp-btn-inverse-background-color: var(--ids-base-color-transparent, rgba(0, 0, 0, 0));
  --ids-comp-btn-inverse-border-color: var(--ids-base-color-transparent, rgba(0, 0, 0, 0));
  --ids-comp-btn-inverse-text-color: var(--ids-sem-color-on-surface-inverse, #ffffff);
  --ids-comp-btn-inverse-hover-background-color: var(--ids-sem-color-surface-inverse-muted, #5a5a5a);
  --ids-comp-btn-inverse-hover-text-color: var(--ids-sem-color-on-surface-inverse, #ffffff);
  --ids-comp-btn-rounded-border-radius: var(--ids-sem-size-border-radius-round, 9999px);
  --ids-comp-btn-rounded-box-shadow: var(--ids-base-shadow-md, 0 4px 4px 0 rgba(0,0,0,0.1));
  --ids-comp-btn-rounded-focus-box-shadow: var(--ids-comp-btn-rounded-box-shadow), var(--ids-sem-ring-focus, 0 0 0 2px #ffffff, 0 0 0 4px #005ba8);
  --ids-comp-btn-rounded-sm-min-width: var(--ids-base-space-80, 2rem);
  --ids-comp-btn-rounded-lg-min-width: var(--ids-base-space-120, 3rem);
  --ids-comp-btn-rounded-disabled-background-color: var(--ids-sem-color-surface-button-primary-disabled, #e3e3e3);
  --ids-comp-btn-rounded-disabled-border-color: var(--ids-sem-color-border-button-primary-disabled, rgba(0, 0, 0, 0));
  --ids-comp-btn-xs-font-size: var(--ids-base-type-size-xs, 0.75rem);
  --ids-comp-btn-xs-gap: var(--ids-base-space-15, 0.375rem);
  --ids-comp-btn-xs-line-height: var(--ids-base-type-leading-none, 1);
  --ids-comp-btn-xs-min-height: var(--ids-base-space-60, 1.5rem);
  --ids-comp-btn-xs-padding-inline: var(--ids-base-space-15, 0.375rem);
  --ids-comp-btn-xs-padding-block: var(--ids-base-space-20, 0.5rem);
  --ids-comp-btn-sm-font-size: var(--ids-base-type-size-sm, 0.875rem);
  --ids-comp-btn-sm-gap: var(--ids-base-space-15, 0.375rem);
  --ids-comp-btn-sm-line-height: var(--ids-base-type-leading-none, 1);
  --ids-comp-btn-sm-min-height: var(--ids-base-space-80, 2rem);
  --ids-comp-btn-sm-padding-inline: var(--ids-base-space-20, 0.5rem);
  --ids-comp-btn-sm-padding-block: var(--ids-base-space-20, 0.5rem);
  --ids-comp-btn-md-font-size: var(--ids-base-type-size-md, 1rem);
  --ids-comp-btn-md-gap: var(--ids-base-space-20, 0.5rem);
  --ids-comp-btn-md-line-height: var(--ids-base-type-leading-none, 1);
  --ids-comp-btn-md-min-height: var(--ids-base-space-100, 2.5rem);
  --ids-comp-btn-md-padding-inline: var(--ids-base-space-30, 0.75rem);
  --ids-comp-btn-md-padding-block: var(--ids-base-space-30, 0.75rem);
  --ids-comp-btn-lg-font-size: var(--ids-base-type-size-xl, 1.25rem);
  --ids-comp-btn-lg-gap: var(--ids-base-space-20, 0.5rem);
  --ids-comp-btn-lg-line-height: var(--ids-base-type-leading-none, 1);
  --ids-comp-btn-lg-min-height: var(--ids-base-space-120, 3rem);
  --ids-comp-btn-lg-padding-block: var(--ids-base-space-35, 0.875rem);
  --ids-comp-btn-lg-padding-inline: var(--ids-base-space-40, 1rem);
  --ids-comp-btn-aux-background-color: var(--ids-comp-btn-tertiary-background-color, rgba(0, 0, 0, 0));
  --ids-comp-btn-aux-border-width: 0px;
  --ids-comp-btn-aux-color: var(--ids-comp-btn-tertiary-color, #005ba8);
  --ids-comp-btn-aux-font-size: var(--ids-base-type-size-xs, 0.75rem);
  --ids-comp-btn-aux-font-weight: var(--ids-sem-type-weight-button-aux, 400);
  --ids-comp-btn-aux-gap: var(--ids-base-space-10, 0.25rem);
  --ids-comp-btn-aux-letter-tracking: var(--ids-base-type-tracking-wider, 0.04em);
  --ids-comp-btn-aux-letter-spacing: calc(var(--ids-comp-btn-aux-font-size) * var(--ids-comp-btn-aux-letter-tracking));
  --ids-comp-btn-aux-line-height: var(--ids-base-type-leading-none, 1);
  --ids-comp-btn-aux-min-height: var(--ids-base-space-60, 1.5rem);
  --ids-comp-btn-aux-padding-block: var(--ids-base-space-15, 0.375rem);
  --ids-comp-btn-aux-padding-inline: var(--ids-base-space-10, 0.25rem);
  --ids-comp-btn-aux-text-transform: uppercase;
  --ids-comp-btn-aux-focus-background-color: var(--ids-sem-color-surface-button-tertiary-focus, rgba(0, 0, 0, 0));
  --ids-comp-btn-aux-focus-border-color: var(--ids-sem-color-border-button-tertiary-focus, rgba(0, 0, 0, 0));
  --ids-comp-btn-aux-focus-box-shadow: var(--ids-sem-ring-focus, 0 0 0 2px #ffffff, 0 0 0 4px #005ba8);
  --ids-comp-btn-aux-focus-color: var(--ids-sem-color-on-surface-button-tertiary-focus, #005ba8);
  --ids-comp-btn-aux-hover-background-color: var(--ids-comp-btn-tertiary-hover-background-color, #ebf6ff);
  --ids-comp-btn-aux-hover-color: var(--ids-comp-btn-tertiary-hover-color, #005ba8);
  --ids-comp-btn-aux-active-background-color: var(--ids-sem-color-surface-button-tertiary-active, #ebf6ff);
  --ids-comp-btn-aux-active-border-color: var(--ids-sem-color-border-button-tertiary-active, rgba(0, 0, 0, 0));
  --ids-comp-btn-aux-active-color: var(--ids-sem-color-on-surface-button-tertiary-active, #005ba8);
  --ids-comp-btn-aux-disabled-background-color: var(--ids-comp-btn-tertiary-disabled-background-color, rgba(0, 0, 0, 0));
  --ids-comp-btn-aux-disabled-color: var(--ids-comp-btn-tertiary-disabled-color, #959595);
  --ids-comp-btn-static-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-btn-static-border-color: var(--ids-base-color-transparent, rgba(0, 0, 0, 0));
  --ids-comp-btn-static-color: var(--ids-sem-color-on-surface-subdued, #5a5a5a);
  --_ids-comp-btn-static-min-height: auto;
  --ids-comp-btn-static-padding-block: var(--ids-base-space-10, 0.25rem);
  --ids-comp-btn-static-padding-inline: var(--ids-base-space-10, 0.25rem);
  --ids-comp-btn-static-icon-color: var(--ids-sem-color-on-surface-subdued, #5a5a5a);
  --ids-comp-card-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-card-border-color: var(--ids-sem-color-border-muted, #b2b2b2);
  --ids-comp-card-border-radius: var(--ids-sem-size-border-radius-default, 4px);
  --ids-comp-card-border-width: var(--ids-base-size-border-px, 1px);
  --ids-comp-card-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-card-font-weight: var(--ids-sem-type-weight-interactive-default, 500);
  --ids-comp-card-line-height: var(--ids-base-type-leading-tight, 1.25);
  --ids-comp-card-body-font-size: var(--ids-base-type-size-sm, 0.875rem);
  --ids-comp-card-body-padding: var(--ids-base-space-40, 1rem);
  --ids-comp-card-body-gap: var(--ids-base-space-10, 0.25rem);
  --ids-comp-card-footer-gap: var(--ids-base-space-40, 1rem);
  --ids-comp-card-footer-min-height: var(--ids-base-space-100, 2.5rem);
  --ids-comp-card-footer-padding-inline: var(--ids-base-space-40, 1rem);
  --ids-comp-card-footer-align-items: center;
  --ids-comp-card-media-left-body-padding: var(--ids-base-space-20, 0.5rem);
  --ids-comp-card-media-left-title-margin: var(--ids-base-space-0, 0px);
  --ids-comp-card-media-left-title-padding: var(--ids-base-space-10, 0.25rem);
  --ids-comp-calendar-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-calendar-width-min: calc(var(--ids-base-space-800, 320px) + var(--ids-base-space-20, 8px));
  --ids-comp-calendar-hdr-title-color: var(--ids-sem-color-on-surface-link-rest, #005ba8);
  --ids-comp-calendar-hdr-title-font-size: var(--ids-base-type-size-lg, 1.125rem);
  --ids-comp-calendar-hdr-title-font-weight: var(--ids-sem-type-weight-interactive-default, 500);
  --ids-comp-calendar-hdr-days-color: var(--ids-sem-color-on-surface-muted, #6d6d6d);
  --ids-comp-calendar-hdr-days-font-size: var(--ids-base-type-size-xs, 0.75rem);
  --ids-comp-calendar-day-font-size: var(--ids-base-type-size-md, 1rem);
  --ids-comp-calendar-month-border-radius: var(--ids-sem-size-border-radius-default, 4px);
  --ids-comp-calendar-option-bg-color: var(--ids-base-color-transparent, rgba(0, 0, 0, 0));
  --ids-comp-calendar-option-font-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-calendar-option-prev-font-color: var(--ids-sem-color-on-surface-interactive-disabled, #959595);
  --ids-comp-calendar-option-next-font-color: var(--ids-sem-color-on-surface-interactive-disabled, #959595);
  --ids-comp-calendar-option-hover-bg-color: var(--ids-sem-color-surface-interactive-hover, #ebf6ff);
  --ids-comp-calendar-option-hover-font-color: var(--ids-sem-color-on-surface-interactive-hover, #005ba8);
  --ids-comp-calendar-option-selected-bg-color: var(--ids-sem-color-surface-interactive-inverse-selected, #003468);
  --ids-comp-calendar-option-selected-font-color: var(--ids-sem-color-on-surface-interactive-inverse-selected, #ffffff);
  --ids-comp-calendar-option-disabled-bg-color: var(--ids-base-color-transparent, rgba(0, 0, 0, 0));
  --ids-comp-calendar-option-disabled-font-color: var(--ids-sem-color-on-surface-interactive-disabled, #959595);
  --ids-comp-calendar-range-bg-color: var(--ids-sem-color-surface-interactive-hover, #ebf6ff);
  --ids-comp-calendar-today-indicator-color: var(--ids-sem-color-on-surface-primary, #2372b8);
  --ids-comp-checkbox-gap: var(--ids-base-space-20, 0.5rem);
  --ids-comp-checkbox-align-items: anchor-center;
  --ids-comp-checkbox-margin-block: 0;
  --ids-comp-checkbox-font-size: var(--ids-base-type-size-md, 1rem);
  --ids-comp-checkbox-line-height: var(--ids-base-type-leading-tight, 1.25);
  --ids-comp-checkbox-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-checkbox-border-color: var(--ids-sem-color-border-default, #828282);
  --ids-comp-checkbox-border-radius: var(--ids-sem-size-border-radius-default, 4px);
  --ids-comp-checkbox-border-width: var(--ids-base-size-border-px, 1px);
  --ids-comp-checkbox-color: ;
  --ids-comp-checkbox-height: var(--ids-base-space-50, 1.25rem);
  --ids-comp-checkbox-width: var(--ids-base-space-50, 1.25rem);
  --ids-comp-checkbox-tick-mask-check: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEyLjgsNC40QzEyLjksNC41LDEzLDQuNywxMyw0LjljMCwwLjItMC4xLDAuNC0wLjIsMC41bC01LjcsNS43Yy0wLjEsMC4xLTAuMywwLjItMC41LDAuMmMtMC4yLDAtMC40LTAuMS0wLjUtMC4yTDMuMiw4LjJDMy4xLDguMSwzLDcuOSwzLDcuN2MwLTAuMiwwLjEtMC40LDAuMi0wLjVDMy40LDcuMSwzLjUsNywzLjcsN2MwLjIsMCwwLjQsMC4xLDAuNSwwLjJsMi4zLDIuM2w1LjItNS4yYzAuMS0wLjEsMC4zLTAuMiwwLjUtMC4yQzEyLjUsNC4yLDEyLjYsNC4yLDEyLjgsNC40eiIvPjwvc3ZnPg==);
  --ids-comp-checkbox-tick-mask-hyphen: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMy4zMzM1IDhIMTIuNjY2OCIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==);
  --ids-comp-checkbox-sm-font-size: var(--ids-base-type-size-sm, 0.875rem);
  --ids-comp-checkbox-sm-line-height: var(--ids-base-type-leading-snug, 1.3);
  --ids-comp-checkbox-md-font-size: var(--ids-base-type-size-md, 1rem);
  --ids-comp-checkbox-md-line-height: var(--ids-base-type-leading-tight, 1.25);
  --ids-comp-checkbox-lg-font-size: var(--ids-base-type-size-xl, 1.25rem);
  --ids-comp-checkbox-lg-line-height: var(--ids-base-type-leading-tight, 1.25);
  --ids-comp-checkbox-hover-background-color: var(--ids-sem-color-surface-interactive-hover, #ebf6ff);
  --ids-comp-checkbox-hover-border-color: var(--ids-sem-color-border-default, #828282);
  --ids-comp-checkbox-checked-background-color: var(--ids-sem-color-surface-interactive-inverse-selected, #003468);
  --ids-comp-checkbox-tick-color-checked: var(--ids-sem-color-on-surface-interactive-inverse-selected, #ffffff);
  --ids-comp-checkbox-indeterminate-background-color: var(--ids-sem-color-surface-interactive-inverse-selected, #003468);
  --ids-comp-checkbox-disabled-color: var(--ids-sem-color-on-surface-interactive-disabled, #959595);
  --ids-comp-checkbox-tick-color-disabled: var(--ids-sem-color-on-surface-interactive-disabled, #959595);
  --ids-comp-checkbox-disabled-background-color: var(--ids-sem-color-surface-interactive-disabled, #e3e3e3);
  --ids-comp-checkbox-disabled-border-color: var(--ids-sem-color-border-interactive-disabled, #b2b2b2);
  --ids-comp-checkbox-focus-border-color: var(--ids-sem-color-border-button-primary-focus, rgba(0, 0, 0, 0));
  --ids-comp-checkbox-focus-box-shadow: var(--ids-sem-ring-focus, 0 0 0 2px #ffffff, 0 0 0 4px #005ba8);
  --ids-comp-checkbox-transition-duration: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-checkbox-transition-easing: var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0));
  --ids-comp-checkbox-transition-background-color: background-color var(--ids-comp-checkbox-transition-duration) var(--ids-comp-checkbox-transition-easing);
  --ids-comp-checkbox-transition-border-color: border-color var(--ids-comp-checkbox-transition-duration) var(--ids-comp-checkbox-transition-easing);
  --ids-comp-checkbox-transition-box-shadow: box-shadow var(--ids-comp-checkbox-transition-duration) var(--ids-comp-checkbox-transition-easing);
  --ids-comp-checkbox-transition: var(--ids-comp-checkbox-transition-background-color), var(--ids-comp-checkbox-transition-border-color), var(--ids-comp-checkbox-transition-box-shadow);
  --ids-comp-chip-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-chip-border-color: var(--ids-sem-color-border-interactive-rest, #005ba8);
  --ids-comp-chip-border-radius: var(--ids-sem-size-border-radius-round, 9999px);
  --ids-comp-chip-border-width: var(--ids-base-size-border-px, 1px);
  --ids-comp-chip-color: var(--ids-sem-color-on-surface-interactive-rest, #005ba8);
  --ids-comp-chip-font-size: var(--ids-base-type-size-sm, 0.875rem);
  --ids-comp-chip-font-weight: var(--ids-sem-type-weight-interactive-default, 500);
  --ids-comp-chip-gap: var(--ids-base-space-10, 0.25rem);
  --ids-comp-chip-line-height: var(--ids-base-type-leading-none, 1);
  --ids-comp-chip-padding-block: var(--ids-base-space-10, 0.25rem);
  --ids-comp-chip-padding-inline: var(--ids-base-space-25, 0.625rem);
  --ids-comp-chip-icon-width: 1em;
  --ids-comp-chip-icon-height: 1em;
  --ids-comp-chip-hover-background-color: var(--ids-sem-color-surface-interactive-hover, #ebf6ff);
  --ids-comp-chip-hover-border-color: var(--ids-sem-color-border-interactive-hover, #005ba8);
  --ids-comp-chip-hover-color: var(--ids-sem-color-on-surface-interactive-hover, #005ba8);
  --ids-comp-chip-focus-border-color: var(--ids-sem-color-border-button-secondary-focus, #005ba8);
  --ids-comp-chip-focus-box-shadow: var(--ids-sem-ring-focus, 0 0 0 2px #ffffff, 0 0 0 4px #005ba8);
  --ids-comp-chip-disabled-background-color: var(--ids-sem-color-surface-interactive-disabled, #e3e3e3);
  --ids-comp-chip-disabled-border-color: var(--ids-sem-color-border-interactive-disabled, #b2b2b2);
  --ids-comp-chip-disabled-color: var(--ids-sem-color-on-surface-interactive-disabled, #959595);
  --ids-comp-chip-cursor-disabled: not-allowed;
  --ids-comp-chip-toggle-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-chip-toggle-border-color: var(--ids-sem-color-border-interactive-rest, #005ba8);
  --ids-comp-chip-toggle-font-weight: var(--ids-base-type-weight-regular, 400);
  --ids-comp-chip-toggle-selected-background-color: var(--ids-sem-color-surface-interactive-inverse-selected, #003468);
  --ids-comp-chip-toggle-selected-border-color: var(--ids-sem-color-border-interactive-selected, #003468);
  --ids-comp-chip-toggle-selected-color: var(--ids-sem-color-on-surface-interactive-inverse-selected, #ffffff);
  --ids-comp-chip-filter-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-chip-filter-border-color: var(--ids-sem-color-border-muted, #b2b2b2);
  --ids-comp-chip-filter-font-weight: var(--ids-base-type-weight-regular, 400);
  --ids-comp-chip-filter-icon-color: var(--ids-sem-color-on-surface-subtle, #959595);
  --ids-comp-chip-filter-icon-width: var(--ids-base-space-30, 0.75rem);
  --ids-comp-chip-filter-icon-height: var(--ids-base-space-30, 0.75rem);
  --ids-comp-chip-animation-duration-hover: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-chip-animation-duration-state-change: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-chip-animation-duration-exit: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-chip-animation-easing-morph: var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0));
  --ids-comp-chip-animation-easing-exit: var(--ids-base-easing-exit, cubic-bezier(0.55, 0.06, 0.68, 0.19));
  --ids-comp-chip-transition-background-color: background-color var(--ids-comp-chip-animation-duration-hover) var(--ids-comp-chip-animation-easing-morph);
  --ids-comp-chip-transition-border-color: border-color var(--ids-comp-chip-animation-duration-hover) var(--ids-comp-chip-animation-easing-morph);
  --ids-comp-chip-transition-color: color var(--ids-comp-chip-animation-duration-hover) var(--ids-comp-chip-animation-easing-morph);
  --ids-comp-chip-transition-box-shadow: box-shadow var(--ids-comp-chip-animation-duration-hover) var(--ids-comp-chip-animation-easing-morph);
  --ids-comp-chip-transition-state-background-color: background-color var(--ids-comp-chip-animation-duration-state-change) var(--ids-comp-chip-animation-easing-morph);
  --ids-comp-chip-transition-state-border-color: border-color var(--ids-comp-chip-animation-duration-state-change) var(--ids-comp-chip-animation-easing-morph);
  --ids-comp-chip-transition-state-color: color var(--ids-comp-chip-animation-duration-state-change) var(--ids-comp-chip-animation-easing-morph);
  --ids-comp-chip-transition-exit: opacity var(--ids-comp-chip-animation-duration-exit) var(--ids-comp-chip-animation-easing-exit), transform var(--ids-comp-chip-animation-duration-exit) var(--ids-comp-chip-animation-easing-exit);
  --ids-comp-chip-transition-hover: var(--ids-comp-chip-transition-background-color), var(--ids-comp-chip-transition-border-color), var(--ids-comp-chip-transition-color);
  --ids-comp-chip-transition-state-change: var(--ids-comp-chip-transition-state-background-color), var(--ids-comp-chip-transition-state-border-color), var(--ids-comp-chip-transition-state-color);
  --ids-comp-chip-transition-focus: var(--ids-comp-chip-transition-border-color), var(--ids-comp-chip-transition-box-shadow);
  --ids-comp-combobox-icon-color: var(--ids-sem-color-on-surface-interactive-rest, #005ba8);
  --ids-comp-combobox-width: 100%;
  --ids-comp-combobox-z-index: 2;
  --ids-comp-combobox-animation-duration: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-combobox-animation-easing: var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0));
  --ids-comp-combobox-icon-transition: transform var(--ids-comp-combobox-animation-duration) var(--ids-comp-combobox-animation-easing);
  --ids-comp-flag-background-color: var(--_ids-comp-flag-background-color, var(--ids-comp-indicator-background-color));
  --ids-comp-flag-color: var(--_ids-comp-flag-color, var(--ids-comp-indicator-color));
  --ids-comp-flag-font-size: var(--ids-base-type-size-xxs, 0.625rem);
  --ids-comp-flag-font-weight: var(--ids-base-type-weight-semibold, 600);
  --ids-comp-flag-gap: var(--ids-base-space-10, 0.25rem);
  --ids-comp-flag-padding-block: var(--ids-base-space-05, 0.125rem);
  --ids-comp-flag-padding-inline: var(--ids-base-space-15, 0.375rem);
  --ids-comp-flag-line-height: 0.625rem;
  --ids-comp-flag-min-height: 1rem;
  --ids-comp-flag-tail-width: calc(var(--ids-comp-flag-padding-block) + var(--ids-comp-flag-line-height) / 2);
  --ids-comp-form-control-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-form-control-border-block-width: var(--ids-base-size-border-px, 1px);
  --ids-comp-form-control-border-color: var(--ids-sem-color-border-default, #828282);
  --ids-comp-form-control-border-inline-width: var(--ids-base-size-border-px, 1px);
  --ids-comp-form-control-border-style: solid;
  --ids-comp-form-control-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-form-control-font-size: var(--ids-base-type-size-md, 1rem);
  --ids-comp-form-control-font-family: var(--ids-base-type-font-sans, 'Roboto Flex', Roboto, sans-serif);
  --ids-comp-form-control-line-height: var(---ids-base-type-leading-none, 1);
  --ids-comp-form-control-height-min: var(--ids-comp-form-control-md-height-min);
  --ids-comp-form-control-width-min: 0;
  --ids-comp-form-control-padding-block: var(--ids-base-space-20, 0.5rem);
  --ids-comp-form-control-padding-block-offset: var(--ids-base-size-border-px, 1px);
  --ids-comp-form-control-padding-inline: var(--ids-comp-form-control-padding-inline-md);
  --ids-comp-form-control-padding-block-sm: var(--ids-base-space-15, 0.375rem);
  --ids-comp-form-control-padding-inline-sm: var(--ids-base-space-20, 0.5rem);
  --ids-comp-form-control-font-size-sm: var(--ids-base-type-size-sm, 0.875rem);
  --ids-comp-form-control-gap-sm: var(--ids-base-space-15, 0.375rem);
  --ids-comp-form-control-sm-height-min: var(--ids-base-space-80, 2rem);
  --ids-comp-form-control-static-sm-height: var(--ids-base-space-60, 1.5rem);
  --ids-comp-form-control-padding-inline-md: var(--ids-base-space-30, 0.75rem);
  --ids-comp-form-control-md-height-min: var(--ids-base-space-100, 2.5rem);
  --ids-comp-form-control-static-md-height: var(--ids-base-space-60, 1.5rem);
  --ids-comp-form-control-padding-block-lg: var(--ids-base-space-25, 0.625rem);
  --ids-comp-form-control-padding-inline-lg: var(--ids-base-space-40, 1rem);
  --ids-comp-form-control-font-size-lg: var(--ids-base-type-size-xl, 1.25rem);
  --ids-comp-form-control-lg-height-min: var(--ids-base-space-120, 3rem);
  --ids-comp-form-control-static-lg-height: var(--ids-base-space-80, 2rem);
  --ids-comp-form-control-focus-border-color: var(--ids-sem-color-border-default, #828282);
  --ids-comp-form-control-placeholder-color: var(--ids-sem-color-on-surface-muted, #6d6d6d);
  --ids-comp-form-control-disabled-background-color: var(--ids-sem-color-surface-interactive-disabled, #e3e3e3);
  --ids-comp-form-control-decorator-disabled-color: var(--ids-sem-color-on-surface-interactive-disabled, #959595);
  --ids-comp-form-control-disabled-border-color: var(--ids-sem-color-border-interactive-disabled, #b2b2b2);
  --ids-comp-form-control-disabled-color: var(--ids-sem-color-on-surface-interactive-disabled, #959595);
  --ids-comp-form-control-readonly-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-form-control-readonly-background-color: var(--ids-base-color-transparent, rgba(0, 0, 0, 0));
  --ids-comp-form-control-readonly-border-color: var(--ids-base-color-transparent, rgba(0, 0, 0, 0));
  --ids-comp-form-control-success-border-color: var(--ids-sem-color-border-success, #3c7b29);
  --ids-comp-form-control-success-color: var(--ids-sem-color-on-surface-success-default, #3c7b29);
  --ids-comp-form-control-error-border-color: var(--ids-sem-color-border-error, #d41e27);
  --ids-comp-form-control-error-color: var(--ids-sem-color-on-surface-error-default, #d41e27);
  --ids-comp-form-control-icon-color: var(--ids-sem-color-on-surface-subtle, #959595);
  --ids-comp-form-control-clear-icon-color: var(--ids-sem-color-on-surface-subdued, #5a5a5a);
  --ids-comp-form-control-decorator-color: var(--ids-sem-color-on-surface-muted, #6d6d6d);
  --ids-comp-form-control-decorator-btn-padding-block: var(--ids-comp-form-control-md-decorator-btn-padding-block);
  --ids-comp-form-control-decorator-btn-padding-inline: var(--ids-comp-form-control-md-decorator-btn-padding-inline);
  --ids-comp-form-control-sm-decorator-btn-padding-block: calc(var(--ids-base-space-10, 0.25rem) + var(--ids-base-space-px, 1px));
  --ids-comp-form-control-sm-decorator-btn-padding-inline: calc(var(--ids-base-space-10, 0.25rem) + var(--ids-base-space-px, 1px));
  --ids-comp-form-control-md-decorator-btn-padding-block: var(--ids-base-space-10, 0.25rem);
  --ids-comp-form-control-md-decorator-btn-padding-inline: var(--ids-base-space-10, 0.25rem);
  --ids-comp-form-control-lg-decorator-btn-padding-block: var(--ids-base-space-15, 0.375rem);
  --ids-comp-form-control-lg-decorator-btn-padding-inline: var(--ids-base-space-15, 0.375rem);
  --ids-comp-form-control-action-border-color: var(--ids-sem-color-border-default, #828282);
  --ids-comp-form-control-addon-background-color-hover: var(--ids-sem-color-surface-button-tertiary-hover, #ebf6ff);
  --ids-comp-form-control-addon-divider-color-primary: var(--ids-sem-color-border-divider-primary, #ffffff);
  --ids-comp-form-control-addon-divider-color-secondary: var(--ids-sem-color-border-divider-secondary, #005ba8);
  --ids-comp-form-control-addon-divider-color-tertiary: var(--ids-sem-color-border-divider-tertiary, rgba(0, 0, 0, 0));
  --ids-comp-form-control-addon-divider-color-tertiary-default: var(--ids-sem-color-border-button-tertiary-hover, rgba(0, 0, 0, 0));
  --ids-comp-form-control-addon-disabled-background-color: var(--ids-sem-color-surface-muted, #e3e3e3);
  --ids-comp-form-group-row-gap: var(--ids-base-space-10, 0.25rem);
  --ids-comp-form-group-column-gap: var(--ids-base-space-20, 0.5rem);
  --ids-comp-form-group-clear-btn-padding-inline-end: var(--ids-base-space-20, 0.5rem);
  --ids-comp-form-group-sm-clear-btn-padding-inline-end: var(--ids-base-space-10, 0.25rem);
  --ids-comp-form-group-lg-clear-btn-padding-inline-end: var(--ids-base-space-25, 0.625rem);
  --ids-comp-form-group-box-shadow: var(--ids-sem-ring-focus, 0 0 0 2px #ffffff, 0 0 0 4px #005ba8);
  --ids-comp-form-control-animation-duration-focus: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-form-control-animation-easing-morph: var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0));
  --ids-comp-form-control-transition-border-color: border-color var(--ids-comp-form-control-animation-duration-focus) var(--ids-comp-form-control-animation-easing-morph);
  --ids-comp-form-control-transition-box-shadow: box-shadow var(--ids-comp-form-control-animation-duration-focus) var(--ids-comp-form-control-animation-easing-morph);
  --ids-comp-form-control-transition-background: background-color var(--ids-comp-form-control-animation-duration-focus) var(--ids-comp-form-control-animation-easing-morph);
  --ids-comp-form-control-transition-focus: var(--ids-comp-form-control-transition-border-color), var(--ids-comp-form-control-transition-box-shadow);
  --ids-comp-form-control-addon-animation-duration-hover: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-form-control-addon-animation-easing-morph: var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0));
  --ids-comp-form-control-addon-transition-background-color: background-color var(--ids-comp-form-control-addon-animation-duration-hover) var(--ids-comp-form-control-addon-animation-easing-morph);
  --ids-comp-form-control-addon-transition-border-color: border-color var(--ids-comp-form-control-addon-animation-duration-hover) var(--ids-comp-form-control-addon-animation-easing-morph);
  --ids-comp-form-control-addon-transition-hover: var(--ids-comp-form-control-addon-transition-background-color), var(--ids-comp-form-control-addon-transition-border-color);
  --ids-comp-form-control-addon-transition-focus: box-shadow var(--ids-comp-form-control-addon-animation-duration-hover) var(--ids-comp-form-control-addon-animation-easing-morph), border-color var(--ids-comp-form-control-addon-animation-duration-hover) var(--ids-comp-form-control-addon-animation-easing-morph);
  --ids-comp-form-helper-text-color: var(--ids-sem-color-on-surface-muted, #6d6d6d);
  --ids-comp-form-helper-text-column-gap: var(--ids-base-space-10, 0.25rem);
  --ids-comp-form-helper-text-font-size: var(--ids-base-type-size-sm, 0.875rem);
  --ids-comp-form-helper-text-line-height: var(--ids-base-type-leading-compact, 1.15);
  --ids-comp-form-helper-text-font-size-sm: var(--ids-base-type-size-xs, 0.75rem);
  --ids-comp-form-helper-text-font-size-lg: var(--ids-base-type-size-lg, 1.125rem);
  --ids-comp-form-label-color: var(--ids-sem-color-on-surface-muted, #6d6d6d);
  --ids-comp-form-label-font-size: var(--ids-base-type-size-sm, 0.875rem);
  --ids-comp-form-label-padding-block-end: var(--ids-base-space-10, 0.25rem);
  --ids-comp-form-label-line-height: var(--ids-base-type-leading-compact, 1.15);
  --ids-comp-form-control-label-font-size-sm: var(--ids-base-type-size-xs, 0.75rem);
  --ids-comp-form-control-label-font-size-lg: var(--ids-base-type-size-lg, 1.125rem);
  --ids-comp-logo-size: 1.25em;
  --ids-comp-icon-display: inline-flex;
  --ids-comp-indicator-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-indicator-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-indicator-icon-color: var(--ids-sem-color-on-surface-subtle, #959595);
  --ids-comp-indicator-light-background-color: var(--ids-sem-color-surface-muted, #e3e3e3);
  --ids-comp-indicator-dark-background-color: var(--ids-sem-color-surface-inverse-default, #4a4a4a);
  --ids-comp-indicator-dark-color: var(--ids-sem-color-on-surface-inverse, #ffffff);
  --ids-comp-indicator-dark-icon-color: var(--ids-sem-color-on-surface-inverse, #ffffff);
  --ids-comp-indicator-transparent-border-color: var(--ids-sem-color-border-muted, #b2b2b2);
  --ids-comp-indicator-transparent-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-indicator-transparent-icon-color: var(--ids-sem-color-on-surface-subtle, #959595);
  --ids-comp-indicator-transparent-dark-border-color: var(--ids-sem-color-border-inverse, #ffffff);
  --ids-comp-indicator-transparent-dark-color: var(--ids-sem-color-on-surface-inverse, #ffffff);
  --ids-comp-indicator-transparent-dark-icon-color: var(--ids-sem-color-on-surface-inverse, #ffffff);
  --ids-comp-indicator-info-background-color: var(--ids-sem-color-surface-info, #cce8ff);
  --ids-comp-indicator-info-icon-color: var(--ids-sem-color-on-surface-info-muted, #57a0db);
  --ids-comp-indicator-error-background-color: var(--ids-sem-color-surface-error, #ffd6cf);
  --ids-comp-indicator-error-icon-color: var(--ids-sem-color-on-surface-error-muted, #f06f61);
  --ids-comp-indicator-success-background-color: var(--ids-sem-color-surface-success, #c9eabf);
  --ids-comp-indicator-success-icon-color: var(--ids-sem-color-on-surface-success-muted, #53ac39);
  --ids-comp-indicator-caution-background-color: var(--ids-sem-color-surface-caution, #fff0c2);
  --ids-comp-indicator-caution-icon-color: var(--ids-sem-color-on-surface-caution-muted, #ffc20e);
  --ids-comp-indicator-white-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-indicator-white-icon-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-indicator-white-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-interstitial-padding: var(--ids-base-space-40, 1rem);
  --ids-comp-interstitial-border-radius: var(--ids-base-size-border-radius-sm, 2px);
  --ids-comp-interstitial-box-shadow: var(--ids-base-shadow-lg, 0 6px 6px 0 rgba(0,0,0,0.3));
  --ids-comp-interstitial-gap: var(--ids-base-space-40, 1rem);
  --ids-comp-interstitial-mask-background-color: var(--ids-sem-color-overlay-light, rgba(255, 255, 255, 0.9));
  --ids-comp-interstitial-content-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-interstitial-font-size: var(--ids-base-type-size-md, 1rem);
  --ids-comp-interstitial-lg-font-size: var(--ids-base-type-size-xxl, 1.375rem);
  --ids-comp-interstitial-lg-padding: var(--ids-base-space-80, 2rem);
  --ids-comp-interstitial-backdrop-background-color: var(--ids-sem-color-overlay-light, rgba(255, 255, 255, 0.9));
  --ids-comp-interstitial-content-color: var(--ids-sem-color-on-surface-subdued, #5a5a5a);
  --ids-comp-interstitial-enter-duration: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-interstitial-exit-duration: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-interstitial-enter-easing: var(--ids-base-easing-enter, cubic-bezier(0.25, 0.46, 0.45, 0.94));
  --ids-comp-interstitial-exit-easing: var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0));
  --ids-comp-interstitial-transition-enter: opacity var(--ids-comp-interstitial-enter-duration) var(--ids-comp-interstitial-enter-easing);
  --ids-comp-interstitial-transition-exit: opacity var(--ids-comp-interstitial-exit-duration) var(--ids-comp-interstitial-exit-easing);
  --ids-comp-link-display: inline;
  --ids-comp-link-font-weight: var(--ids-sem-type-weight-interactive-default, 500);
  --ids-comp-link-color: var(--ids-sem-color-on-surface-link-rest, #005ba8);
  --ids-comp-link-margin-inline: var(--ids-base-space-10, 0.25rem);
  --ids-comp-link-icon-vertical-align: middle;
  --ids-comp-link-visited-color: var(--ids-sem-color-on-surface-link-visited, #a9216a);
  --ids-comp-link-hover-color: var(--ids-sem-color-on-surface-link-hover, #318ad3);
  --ids-comp-link-active-color: var(--ids-sem-color-on-surface-link-active, #318ad3);
  --ids-comp-link-text-disabled: var(--ids-sem-color-on-surface-interactive-disabled, #959595);
  --ids-comp-link-focus-box-shadow: var(--ids-sem-ring-focus, 0 0 0 2px #ffffff, 0 0 0 4px #005ba8);
  --ids-comp-link-transition-duration: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-link-transition-easing: var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0));
  --ids-comp-link-transition-color: color var(--ids-comp-link-transition-duration) var(--ids-comp-link-transition-easing);
  --ids-comp-link-transition-text-decoration-color: text-decoration-color var(--ids-comp-link-transition-duration) var(--ids-comp-link-transition-easing);
  --ids-comp-link-transition: var(--ids-comp-link-transition-color), var(--ids-comp-link-transition-text-decoration-color);
  --ids-comp-link-icon-line-height: var(--ids-base-type-leading-none, 1);
  --ids-comp-link-icon-offset: var(--ids-base-space-px, 1px);
  --ids-comp-link-xs-icon-offset: -0.08em;
  --ids-comp-link-sm-icon-offset: -0.08em;
  --ids-comp-link-md-icon-offset: -0.08em;
  --ids-comp-link-lg-icon-offset: -0.08em;
  --ids-comp-link-xxs-font-size: var(--ids-base-type-size-xxs, 0.625rem);
  --ids-comp-link-xs-font-size: var(--ids-base-type-size-xs, 0.75rem);
  --ids-comp-link-sm-font-size: var(--ids-base-type-size-sm, 0.875rem);
  --ids-comp-link-md-font-size: var(--ids-base-type-size-md, 1rem);
  --ids-comp-link-lg-font-size: var(--ids-base-type-size-lg, 1.125rem);
  --ids-comp-link-xxs-margin-inline: var(--ids-base-space-10, 0.25rem);
  --ids-comp-link-xs-margin-inline: var(--ids-base-space-10, 0.25rem);
  --ids-comp-link-sm-margin-inline: var(--ids-base-space-15, 0.375rem);
  --ids-comp-link-md-margin-inline: var(--ids-base-space-20, 0.5rem);
  --ids-comp-link-lg-margin-inline: var(--ids-base-space-20, 0.5rem);
  --ids-comp-link-line-height: var(--ids-comp-link-md-line-height);
  --ids-comp-link-xxs-line-height: var(--ids-sem-typography-anchor-block-xxs-line-height);
  --ids-comp-link-xs-line-height: var(--ids-sem-typography-anchor-block-xs-line-height);
  --ids-comp-link-sm-line-height: var(--ids-sem-typography-anchor-block-sm-line-height);
  --ids-comp-link-md-line-height: var(--ids-sem-typography-anchor-block-md-line-height);
  --ids-comp-link-lg-line-height: var(--ids-sem-typography-anchor-block-lg-line-height);
  --ids-comp-list-item-border-color: var(--ids-sem-color-border-muted, #b2b2b2);
  --ids-comp-list-item-border-radius-none: var(--ids-base-size-border-radius-none, 0px);
  --ids-comp-list-item-border-radius-md: var(--ids-base-size-border-radius-md, 6px);
  --ids-comp-list-item-border-radius: var(--ids-comp-list-item-border-radius-none);
  --ids-comp-list-item-border-style: solid;
  --ids-comp-list-item-border-block-width: var(--ids-base-size-border-px, 1px);
  --ids-comp-list-item-border-block-width-neg: calc(0px - var(--ids-comp-list-item-border-block-width));
  --ids-comp-list-item-border-inline-width: var(--ids-base-size-border-px, 1px);
  --ids-comp-list-item-focus-box-shadow: var(--ids-sem-ring-focus, 0 0 0 2px #ffffff, 0 0 0 4px #005ba8);
  --ids-comp-list-item-font-size: var(--ids-base-type-size-md, 1rem);
  --ids-comp-list-item-line-height: var(--ids-base-type-leading-tighter, 1.2);
  --ids-comp-list-item-margin-block-start: var(--ids-comp-list-item-border-block-width-neg);
  --ids-comp-list-item-padding-block: var(--ids-base-space-20, 0.5rem);
  --ids-comp-list-item-padding-inline: var(--ids-base-space-40, 1rem);
  --ids-comp-list-item-gap-x: var(--ids-base-space-40, 1rem);
  --ids-comp-list-item-hover-background-color: var(--ids-sem-color-surface-interactive-hover, #ebf6ff);
  --ids-comp-list-item-selected-background-color: var(--ids-sem-color-surface-interactive-selected, #ebf6ff);
  --ids-comp-list-item-selected-border-color: var(--ids-sem-color-border-interactive-selected, #003468);
  --ids-comp-list-item-selected-indicator-width: var(--ids-base-size-border-md, 4px);
  --ids-comp-list-item-selected-indicator-padding-inline-start: calc(var(--ids-comp-list-item-padding-inline) - var(--ids-comp-list-item-selected-indicator-width) + var(--ids-comp-list-item-border-inline-width));
  --ids-comp-list-item-animation-duration-hover: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-list-item-animation-duration-state-change: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-list-item-animation-easing-morph: var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0));
  --ids-comp-list-item-transition-background-color: background-color var(--ids-comp-list-item-animation-duration-hover) var(--ids-comp-list-item-animation-easing-morph);
  --ids-comp-list-item-transition-border-color: border-color var(--ids-comp-list-item-animation-duration-state-change) var(--ids-comp-list-item-animation-easing-morph);
  --ids-comp-list-item-transition-border-width: border-width var(--ids-comp-list-item-animation-duration-state-change) var(--ids-comp-list-item-animation-easing-morph);
  --ids-comp-list-item-transition-padding: padding var(--ids-comp-list-item-animation-duration-state-change) var(--ids-comp-list-item-animation-easing-morph);
  --ids-comp-list-item-transition-box-shadow: box-shadow var(--ids-comp-list-item-animation-duration-hover) var(--ids-comp-list-item-animation-easing-morph);
  --ids-comp-list-item-transition-hover: var(--ids-comp-list-item-transition-background-color);
  --ids-comp-list-item-transition-selection: var(--ids-comp-list-item-transition-background-color), var(--ids-comp-list-item-transition-border-color), var(--ids-comp-list-item-transition-border-width), var(--ids-comp-list-item-transition-padding);
  --ids-comp-list-item-transition-focus: var(--ids-comp-list-item-transition-box-shadow);
  --ids-comp-listbox-display: flex;
  --ids-comp-listbox-flex-direction: column;
  --ids-comp-listbox-width: max-content;
  --ids-comp-listbox-group-font-size: var(--ids-base-type-size-sm, 0.875rem);
  --ids-comp-listbox-group-color: var(--ids-sem-color-on-surface-muted, #6d6d6d);
  --ids-comp-listbox-group-font-weight: var(--ids-base-type-weight-semibold, 600);
  --ids-comp-listbox-group-padding-block-start: var(--ids-base-space-20, 0.5rem);
  --ids-comp-listbox-group-padding-block-end: var(--ids-base-space-10, 0.25rem);
  --ids-comp-listbox-group-padding-inline: var(--ids-base-space-30, 0.75rem);
  --ids-comp-listbox-divider-width: var(--ids-base-border-px, 1px);
  --ids-comp-listbox-divider-color: var(--ids-sem-color-border-muted, #b2b2b2);
  --ids-comp-listbox-selected-icon-color: var(--ids-sem-color-on-surface-interactive-selected, #003468);
  --ids-comp-listbox-selected-icon-size: var(--ids-base-type-size-sm, 0.875rem);
  --ids-comp-listbox-item-bg: var(--ids-base-color-transparent, rgba(0, 0, 0, 0));
  --ids-comp-listbox-item-bg-hover: var(--ids-sem-color-surface-interactive-hover, #ebf6ff);
  --ids-comp-listbox-item-box-shadow: var(--ids-sem-ring-focus, 0 0 0 2px #ffffff, 0 0 0 4px #005ba8);
  --ids-comp-listbox-item-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-listbox-item-font-family: var(--ids-base-type-font-sans, 'Roboto Flex', Roboto, sans-serif);
  --ids-comp-listbox-item-font-size: var(--ids-base-type-size-md, 1rem);
  --ids-comp-listbox-item-font-weight: var(--ids-base-type-weight-medium, 500);
  --ids-comp-listbox-item-gap: var(--ids-base-space-20, 0.5rem);
  --ids-comp-listbox-item-line-height: var(--ids-base-type-leading-tight, 1.25);
  --ids-comp-listbox-item-min-height: var(--ids-base-type-size-sm, 0.875rem);
  --ids-comp-listbox-item-padding-block: var(--ids-base-space-25, 0.625rem);
  --ids-comp-listbox-item-padding-inline: var(--ids-base-space-30, 0.75rem);
  --ids-comp-listbox-item-position: relative;
  --ids-comp-listbox-item-disabled-color: var(--ids-sem-color-on-surface-interactive-disabled, #959595);
  --ids-comp-listbox-item-action-color: var(--ids-sem-color-on-surface-interactive-rest, #005ba8);
  --ids-comp-listbox-item-action-font-weight: var(--ids-sem-type-weight-interactive-default, 500);
  --ids-comp-listbox-item-w-highlight-font-weight: var(--ids-base-type-weight-light, 300);
  --ids-comp-listbox-item-highlight-font-weight: var(--ids-base-type-weight-semibold, 600);
  --ids-comp-listbox-animation-duration: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-listbox-enter-easing: var(--ids-base-easing-enter, cubic-bezier(0.25, 0.46, 0.45, 0.94));
  --ids-comp-listbox-exit-easing: var(--ids-base-easing-exit, cubic-bezier(0.55, 0.06, 0.68, 0.19));
  --ids-comp-listbox-item-hover-easing: var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0));
  --ids-comp-listbox-item-transition: background-color var(--ids-comp-listbox-animation-duration) var(--ids-comp-listbox-item-hover-easing);
  --ids-comp-listbox-transition-enter: opacity var(--ids-comp-listbox-animation-duration) var(--ids-comp-listbox-enter-easing);
  --ids-comp-listbox-transition-exit: opacity var(--ids-comp-listbox-animation-duration) var(--ids-comp-listbox-exit-easing);
  --ids-comp-popover-transition-enter: var(--ids-comp-listbox-transition-enter);
  --ids-comp-popover-transition-exit: var(--ids-comp-listbox-transition-exit);
  --ids-comp-listbox-sm-item-gap: var(--ids-base-space-20, 0.5rem);
  --ids-comp-listbox-sm-item-font-size: var(--ids-base-type-size-sm, 0.875rem);
  --ids-comp-listbox-sm-item-padding-block: calc(var(--ids-base-space-15, 0.375rem) + var(--ids-base-space-px, 1px));
  --ids-comp-listbox-sm-item-padding-inline: var(--ids-base-space-30, 0.75rem);
  --ids-comp-listbox-sm-item-line-height: var(--ids-base-type-leading-snug, 1.3);
  --ids-comp-listbox-sm-item-min-height: var(--ids-base-type-size-xs, 0.75rem);
  --ids-comp-listbox-sm-group-font-size: var(--ids-base-type-size-xs, 0.75rem);
  --ids-comp-listbox-lg-item-gap: var(--ids-base-space-20, 0.5rem);
  --ids-comp-listbox-lg-item-font-size: var(--ids-base-type-size-xl, 1.25rem);
  --ids-comp-listbox-lg-item-padding-block: var(--ids-base-space-30, 0.75rem);
  --ids-comp-listbox-lg-item-padding-inline: var(--ids-base-space-30, 0.75rem);
  --ids-comp-listbox-lg-item-line-height: var(--ids-base-type-leading-tighter, 1.2);
  --ids-comp-listbox-lg-item-min-height: var(--ids-base-type-size-md, 1rem);
  --ids-comp-listbox-lg-group-font-size: var(--ids-base-type-size-md, 1rem);
  --ids-comp-listbox-group-lg-padding-block-start: var(--ids-base-space-25, 0.625rem);
  --ids-comp-listbox-selected-sm-icon-size: var(--ids-base-type-size-xs, 0.75rem);
  --ids-comp-listbox-selected-lg-icon-size: var(--ids-base-type-size-md, 1rem);
  --ids-comp-local-nav-item-border-inline-start-width: var(--ids-base-space-10, 0.25rem);
  --ids-comp-local-nav-item-border-inline-start-color: transparent;
  --ids-comp-local-nav-item-bg-color: transparent;
  --ids-comp-local-nav-item-gap: var(--ids-base-space-20, 0.5rem);
  --ids-comp-local-nav-item-margin-top: var(--ids-base-space-20, 0.5rem);
  --ids-comp-local-nav-item-padding-block: var(--ids-base-space-25, 0.625rem);
  --ids-comp-local-nav-item-padding-inline-start: var(--ids-base-space-30, 0.75rem);
  --ids-comp-local-nav-item-padding-inline-end: var(--ids-base-space-40, 1rem);
  --ids-comp-local-nav-item-text-color: var(--ids-sem-color-on-surface-interactive-rest, #005ba8);
  --ids-comp-local-nav-item-visited-text-color: var(--ids-sem-color-on-surface-interactive-rest, #005ba8);
  --ids-comp-local-nav-item-font-weight: var(--ids-sem-typography-body-regular-font-weight, 500);
  --ids-comp-local-nav-item-hover-bg-color: var(--ids-sem-color-surface-interactive-hover, #ebf6ff);
  --ids-comp-local-nav-item-hover-text-color: var(--ids-sem-color-on-surface-interactive-hover, #005ba8);
  --ids-comp-local-nav-item-focus-box-shadow: var(--ids-sem-ring-focus, 0 0 0 2px #ffffff, 0 0 0 4px #005ba8);
  --ids-comp-local-nav-item-selected-border-inline-start-color: var(--ids-sem-color-border-interactive-selected, #003468);
  --ids-comp-local-nav-item-selected-text-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-local-nav-item-disabled-text-color: var(--ids-sem-color-on-surface-link-disabled, #959595);
  --ids-comp-local-nav-group-text-color: var(--ids-sem-color-on-surface-muted, #6d6d6d);
  --ids-comp-local-nav-group-font-size: var(--ids-sem-typography-heading-h6-font-size, 0.875rem);
  --ids-comp-local-nav-group-font-weight: var(--ids-sem-typography-heading-h6-font-weight, 600);
  --ids-comp-local-nav-item-animation-duration-hover: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-local-nav-item-animation-duration-state-change: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-local-nav-item-animation-easing-morph: var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0));
  --ids-comp-local-nav-item-transition-background-color: background-color var(--ids-comp-local-nav-item-animation-duration-hover) var(--ids-comp-local-nav-item-animation-easing-morph);
  --ids-comp-local-nav-item-transition-border-color: border-color var(--ids-comp-local-nav-item-animation-duration-state-change) var(--ids-comp-local-nav-item-animation-easing-morph);
  --ids-comp-local-nav-item-transition-color: color var(--ids-comp-local-nav-item-animation-duration-hover) var(--ids-comp-local-nav-item-animation-easing-morph);
  --ids-comp-local-nav-item-transition-box-shadow: box-shadow var(--ids-comp-local-nav-item-animation-duration-hover) var(--ids-comp-local-nav-item-animation-easing-morph);
  --ids-comp-local-nav-item-transition-hover: var(--ids-comp-local-nav-item-transition-background-color), var(--ids-comp-local-nav-item-transition-color);
  --ids-comp-local-nav-item-transition-state-change: var(--ids-comp-local-nav-item-transition-border-color), var(--ids-comp-local-nav-item-transition-color);
  --ids-comp-local-nav-item-transition-focus: var(--ids-comp-local-nav-item-transition-box-shadow);
  --ids-comp-overlay-background-color: var(--ids-sem-color-surface-inverse-default, #4a4a4a);
  --ids-comp-overlay-opacity: var(--ids-base-opacity-80, 0.8);
  --ids-comp-modal-backdrop-background-color: var(--ids-sem-color-overlay-dark, rgba(74, 74, 74, 0.8));
  --ids-comp-modal-background: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-modal-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-modal-border-width: var(--ids-base-size-border-px, 1px);
  --ids-comp-modal-border-color: var(--ids-sem-color-border-inverse, #ffffff);
  --ids-comp-modal-border-radius: var(--ids-sem-size-border-radius-default, 4px);
  --ids-comp-modal-box-shadow: var(--ids-base-shadow-lg, 0 6px 6px 0 rgba(0,0,0,0.3));
  --ids-comp-modal-body-margin-block-start: var(--ids-base-space-50, 1.25rem);
  --ids-comp-modal-body-margin-block-end: var(--ids-base-space-50, 1.25rem);
  --ids-comp-modal-body-margin-inline: var(--ids-base-space-0, 0px);
  --ids-comp-modal-padding-block-start: var(--ids-comp-modal-sm-padding-block-start);
  --ids-comp-modal-padding-block-end: var(--ids-comp-modal-sm-padding-block-end);
  --ids-comp-modal-padding-inline: var(--ids-comp-modal-sm-padding-inline);
  --ids-comp-modal-gap: var(--ids-base-space-50, 1.25rem);
  --ids-comp-modal-height: var(--ids-comp-modal-sm-height);
  --ids-comp-modal-width: var(--ids-comp-modal-sm-width);
  --ids-comp-modal-close-btn-inline-end-offset: var(--ids-base-space-20, 0.5rem);
  --ids-comp-modal-sm-padding-block-start: var(--ids-base-space-40, 1rem);
  --ids-comp-modal-sm-padding-block-end: var(--ids-base-space-60, 1.5rem);
  --ids-comp-modal-sm-padding-inline: var(--ids-base-space-60, 1.5rem);
  --ids-comp-modal-sm-height: fit-content;
  --ids-comp-modal-sm-height-max: 75vh;
  --ids-comp-modal-sm-width: min(90%, 320px);
  --ids-comp-modal-lg-padding-block-start: var(--ids-base-space-50, 1.25rem);
  --ids-comp-modal-lg-padding-block-end: var(--ids-base-space-80, 2rem);
  --ids-comp-modal-lg-padding-inline: var(--ids-base-space-80, 2rem);
  --ids-comp-modal-lg-height: fit-content;
  --ids-comp-modal-lg-height-max: 80vh;
  --ids-comp-modal-lg-width: min(90vw, 640px);
  --ids-comp-modal-header-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-modal-header-font-size: var(--ids-comp-modal-sm-header-font-size);
  --ids-comp-modal-header-font-weight: var(--ids-comp-modal-sm-header-font-weight);
  --ids-comp-modal-header-gap: var(--ids-base-space-80, 2rem);
  --ids-comp-modal-header-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-modal-header-padding-block-end: calc(var(--ids-comp-modal-body-margin-block-end) - var(--ids-base-space-10, 0.25rem));
  --ids-comp-modal-sm-header-font-size: var(--ids-sem-typography-heading-h4-font-size, 1.125rem);
  --ids-comp-modal-sm-header-font-weight: var(--ids-sem-typography-heading-h4-font-weight, 500);
  --ids-comp-modal-lg-header-font-size: var(--ids-sem-typography-heading-h3-font-size, 1.25rem);
  --ids-comp-modal-lg-header-font-weight: var(--ids-sem-typography-heading-h3-font-weight, 600);
  --ids-comp-modal-footer-gap: var(--ids-base-space-40, 10rem);
  --ids-comp-modal-footer-pinned-border-color: var(--ids-sem-color-border-muted, #b2b2b2);
  --ids-comp-modal-footer-pinned-background-color: var(--ids-sem-color-overlay-subdued, rgba(244, 244, 244, 0.96));
  --ids-comp-modal-footer-pinned-padding-block: var(--ids-base-space-20, 0.5rem);
  --ids-comp-modal-footer-pinned-padding-inline: var(--ids-base-space-40, 1rem);
  --ids-comp-modal-footer-pinned-bottom-offset: var(--ids-base-space-60, 1.5rem);
  --ids-comp-modal-footer-lg-pinned-bottom-offset: var(--ids-base-space-80, 2rem);
  --ids-comp-modal-animation-duration-enter: var(--ids-base-duration-fast, 250ms);
  --ids-comp-modal-animation-duration-exit: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-modal-animation-easing-enter: var(--ids-base-easing-enter, cubic-bezier(0.25, 0.46, 0.45, 0.94));
  --ids-comp-modal-animation-easing-exit: var(--ids-base-easing-exit, cubic-bezier(0.55, 0.06, 0.68, 0.19));
  --ids-comp-modal-backdrop-animation-duration-enter: var(--ids-base-duration-fast, 250ms);
  --ids-comp-modal-backdrop-animation-duration-exit: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-modal-backdrop-animation-easing-enter: var(--ids-base-easing-enter, cubic-bezier(0.25, 0.46, 0.45, 0.94));
  --ids-comp-modal-backdrop-animation-easing-exit: var(--ids-base-easing-exit, cubic-bezier(0.55, 0.06, 0.68, 0.19));
  --ids-comp-modal-transition-enter: opacity var(--ids-comp-modal-animation-duration-enter) var(--ids-comp-modal-animation-easing-enter), transform var(--ids-comp-modal-animation-duration-enter) var(--ids-comp-modal-animation-easing-enter);
  --ids-comp-modal-transition-exit: opacity var(--ids-comp-modal-animation-duration-exit) var(--ids-comp-modal-animation-easing-exit), transform var(--ids-comp-modal-animation-duration-exit) var(--ids-comp-modal-animation-easing-exit);
  --ids-comp-modal-backdrop-transition-enter: opacity var(--ids-comp-modal-backdrop-animation-duration-enter) var(--ids-comp-modal-backdrop-animation-easing-enter);
  --ids-comp-modal-backdrop-transition-exit: opacity var(--ids-comp-modal-backdrop-animation-duration-exit) var(--ids-comp-modal-backdrop-animation-easing-exit);
  --ids-comp-pagination-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-pagination-gap: var(--ids-base-space-10, 0.25rem);
  --ids-comp-pagination-align-items: center;
  --ids-comp-pagination-justify-content: center;
  --ids-comp-pagination-btn-color: var(--ids-sem-color-on-surface-interactive-rest, #005ba8);
  --ids-comp-pagination-btn-border-color: transparent;
  --ids-comp-pagination-btn-border-bottom-color: var(--ids-comp-pagination-btn-border-color);
  --ids-comp-pagination-btn-border-radius: 0;
  --ids-comp-pagination-btn-border-width: var(--ids-base-size-border-0, 0px);
  --ids-comp-pagination-btn-height: var(--ids-base-space-100, 2.5rem);
  --ids-comp-pagination-btn-width: var(--ids-base-space-100, 2.5rem);
  --ids-comp-pagination-btn-padding: var(--ids-base-space-0, 0px);
  --ids-comp-pagination-bnt-font-weight: var(--ids-sem-type-weight-medium, 500);
  --ids-comp-pagination-focus-box-shadow: var(--ids-sem-ring-focus, 0 0 0 2px #ffffff, 0 0 0 4px #005ba8);
  --ids-comp-pagination-btn-selected-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-pagination-btn-selected-border-color: var(--ids-sem-color-border-interactive-selected, #003468);
  --ids-comp-pagination-btn-selected-border-width: var(--ids-base-size-border-md, 4px);
  --ids-comp-pagination-selected-shadow: inset 0 calc(var(--ids-comp-pagination-btn-selected-border-width) * -1) 0 0 var(--ids-comp-pagination-btn-selected-border-color);
  --ids-comp-pagination-btn-hover-background-color: var(--ids-sem-color-surface-interactive-hover, #ebf6ff);
  --ids-comp-pagination-btn-transition-duration: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-pagination-btn-transition-easing: var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0));
  --ids-comp-pagination-btn-transition-background-color: background-color var(--ids-comp-pagination-btn-transition-duration) var(--ids-comp-pagination-btn-transition-easing);
  --ids-comp-pagination-btn-transition-box-shadow: box-shadow var(--ids-comp-pagination-btn-transition-duration) var(--ids-comp-pagination-btn-transition-easing);
  --ids-comp-pagination-btn-transition-color: color var(--ids-comp-pagination-btn-transition-duration) var(--ids-comp-pagination-btn-transition-easing);
  --ids-comp-pagination-btn-transition: var(--ids-comp-pagination-btn-transition-background-color), var(--ids-comp-pagination-btn-transition-box-shadow), var(--ids-comp-pagination-btn-transition-color);
  --ids-comp-popover-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-popover-border-color: var(--ids-sem-color-border-muted, #b2b2b2);
  --ids-comp-popover-border-width: var(--ids-base-size-border-px, 1px);
  --ids-comp-popover-border-radius: var(--ids-sem-size-border-radius-default, 4px);
  --ids-comp-popover-shadow: var(--ids-base-shadow-md, 0 4px 4px 0 rgba(0,0,0,0.1));
  --ids-comp-popover-position: absolute;
  --ids-comp-popover-open-position: var(--ids-comp-popover-position);
  --ids-comp-popover-width: max-content;
  --ids-comp-popover-width-max: calc(var(--ids-base-space-960, 24rem) + var(--ids-base-space-240, 6rem));
  --ids-comp-popover-height-min: var(--ids-base-space-60, 1.5rem);
  --ids-comp-popover-display: none;
  --ids-comp-popover-open-display: flex;
  --ids-comp-popover-align-items: stretch;
  --ids-comp-popover-justify-content: center;
  --ids-comp-popover-padding-block-start: var(--ids-base-space-40, 1rem);
  --ids-comp-popover-padding-block-end: var(--ids-base-space-40, 1rem);
  --ids-comp-popover-padding-inline-start: var(--ids-base-space-40, 1rem);
  --ids-comp-popover-padding-inline-end: var(--ids-base-space-40, 1rem);
  --ids-comp-popover-compact-padding-block-start: 0;
  --ids-comp-popover-compact-padding-block-end: 0;
  --ids-comp-popover-compact-padding-inline-start: 0;
  --ids-comp-popover-compact-padding-inline-end: 0;
  --ids-comp-popover-enter-duration: var(--ids-base-duration-fast, 250ms);
  --ids-comp-popover-exit-duration: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-popover-enter-easing: var(--ids-base-easing-enter, cubic-bezier(0.25, 0.46, 0.45, 0.94));
  --ids-comp-popover-exit-easing: var(--ids-base-easing-exit, cubic-bezier(0.55, 0.06, 0.68, 0.19));
  --ids-comp-popover-transition-enter: opacity var(--ids-comp-popover-enter-duration) var(--ids-comp-popover-enter-easing);
  --ids-comp-popover-transition-exit: opacity var(--ids-comp-popover-exit-duration) var(--ids-comp-popover-exit-easing);
  --ids-comp-popover-with-pointer-width-max: calc(var(--ids-base-space-640, 16rem) + var(--ids-base-space-60, 1.5rem));
  --ids-comp-popover-pointer-translate-x: 20%;
  --ids-comp-popover-pointer-translate-y: 20%;
  --ids-comp-popover-pointer-offset-top: 1.5px;
  --ids-comp-popover-pointer-offset-left: auto;
  --ids-comp-popover-offset-edge: var(--ids-base-space-30, 0.75rem);
  --ids-comp-popover-margin: var(--ids-base-space-10, 0.25rem);
  --ids-comp-popover-pointer-margin: var(--ids-base-space-20, 0.5rem);
  --ids-comp-popover-pointer-content: "";
  --ids-comp-popover-pointer-box-size: 16px;
  --ids-comp-popover-pointer-height: 16px;
  --ids-comp-popover-pointer-width: 16px;
  --ids-comp-popover-pointer-top: auto;
  --ids-comp-popover-pointer-left: auto;
  --ids-comp-popover-pointer-right: auto;
  --ids-comp-popover-pointer-bottom: auto;
  --ids-comp-popover-header-display: flex;
  --ids-comp-popover-header-padding-block-start: var(--ids-base-space-20, 0.5rem);
  --ids-comp-popover-header-padding-block-end: var(--ids-base-space-10, 0.25rem);
  --ids-comp-popover-header-padding-inline-start: var(--ids-base-space-0, 0px);
  --ids-comp-popover-header-padding-inline-end: var(--ids-base-space-0, 0px);
  --ids-comp-popover-compact-header-padding-inline-start: var(--ids-base-space-40, 1rem);
  --ids-comp-popover-compact-header-padding-inline-end: var(--ids-base-space-40, 1rem);
  --ids-comp-popover-title-padding-block-start: var(--ids-base-space-25, 0.625rem);
  --ids-comp-popover-close-margin-inline-end: calc(var(--ids-comp-btn-padding-inline) * -1);
  --ids-comp-radio-gap: var(--ids-base-space-20, 0.5rem);
  --ids-comp-radio-disabled-color: var(--ids-sem-color-on-surface-interactive-disabled, #959595);
  --ids-comp-radio-align-items: anchor-center;
  --ids-comp-radio-line-height: var(--ids-base-type-leading-tight, 1.25);
  --ids-comp-radio-font-size: var(--ids-base-type-size-md, 1rem);
  --ids-comp-radio-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-radio-tick-color: ;
  --ids-comp-radio-tick-size: 0px;
  --ids-comp-radio-border-color: var(--ids-sem-color-border-default, #828282);
  --ids-comp-radio-border-radius: var(--ids-sem-size-border-radius-round, 9999px);
  --ids-comp-radio-border-width: var(--ids-base-size-border-px, 1px);
  --ids-comp-radio-height: var(--ids-base-space-50, 1.25rem);
  --ids-comp-radio-width: var(--ids-base-space-50, 1.25rem);
  --ids-comp-radio-margin-block: var(--ids-base-space-0, 0px);
  --ids-comp-radio-margin-inline: var(--ids-base-space-0, 0px);
  --ids-comp-radio-sm-font-size: var(--ids-base-type-size-sm, 0.875rem);
  --ids-comp-radio-sm-line-height: var(--ids-base-type-leading-snug, 1.3);
  --ids-comp-radio-md-font-size: var(--ids-base-type-size-md, 1rem);
  --ids-comp-radio-md-line-height: var(--ids-base-type-leading-tight, 1.25);
  --ids-comp-radio-lg-font-size: var(--ids-base-type-size-xl, 1.25rem);
  --ids-comp-radio-lg-line-height: var(--ids-base-type-leading-tight, 1.25);
  --ids-comp-radio-hover-background-color: var(--ids-sem-color-surface-interactive-hover, #ebf6ff);
  --ids-comp-radio-focus-box-shadow: var(--ids-sem-ring-focus, 0 0 0 2px #ffffff, 0 0 0 4px #005ba8);
  --ids-comp-radio-checked-tick-color: var(--ids-sem-color-on-surface-interactive-selected, #003468);
  --ids-comp-radio-checked-border-color: var(--ids-sem-color-border-interactive-selected, #003468);
  --ids-comp-radio-checked-color: var(--ids-sem-color-on-surface-interactive-inverse-selected, #ffffff);
  --ids-comp-checked-radio-border-width: var(--ids-base-size-border-sm, 2px);
  --ids-comp-radio-disabled-border-color: var(--ids-sem-color-border-muted, #b2b2b2);
  --ids-comp-radio-disabled-background-color: var(--ids-sem-color-surface-muted, #e3e3e3);
  --ids-comp-radio-disabled-tick-color: var(--ids-sem-color-on-surface-subtle, #959595);
  --ids-comp-radio-disabled-checked-border-color: var(--ids-sem-color-border-muted, #b2b2b2);
  --ids-comp-radio-disabled-checked-background-color: var(--ids-sem-color-surface-muted, #e3e3e3);
  --ids-comp-radio-transition-duration: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-radio-transition-easing: var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0));
  --ids-comp-radio-transition-properties: background-color, border-color, box-shadow, border-width;
  --ids-comp-ribbon-background-color: var(--_ids-comp-ribbon-background-color, var(--ids-comp-indicator-background-color));
  --ids-comp-ribbon-color: var(--_ids-comp-ribbon-color, var(--ids-comp-indicator-color));
  --ids-comp-ribbon-font-size: var(--ids-base-type-size-xxs, 0.625rem);
  --ids-comp-ribbon-font-weight: var(--ids-base-type-weight-semibold, 600);
  --ids-comp-ribbon-gap: var(--ids-base-space-20, 0.5rem);
  --ids-comp-ribbon-line-height: var(--ids-base-type-leading-none, 1);
  --ids-comp-ribbon-padding-block-base: var(--ids-base-space-05, 0.125rem);
  --ids-comp-ribbon-padding-block: calc(var(--ids-comp-ribbon-padding-block-base) + var(--ids-base-space-05, 0.125rem));
  --ids-comp-ribbon-padding-inline: var(--ids-base-space-60, 1.5rem);
  --ids-comp-select-indicator-gap: var(--ids-base-space-20, 0.5rem);
  --ids-comp-select-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-select-border-color: var(--ids-sem-color-border-default, #828282);
  --ids-comp-select-border-radius: var(--ids-sem-size-border-radius-default, 4px);
  --ids-comp-select-font-size: var(--ids-base-type-size-md, 1rem);
  --ids-comp-select-border-width: var(--ids-base-size-border-px, 1px);
  --ids-comp-select-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-select-padding-inline: var(--ids-base-space-30, 0.75rem);
  --ids-comp-select-disabled-color: var(--ids-sem-color-on-surface-interactive-disabled, #959595);
  --ids-comp-select-disabled-background-color: var(--ids-sem-color-surface-interactive-disabled, #e3e3e3);
  --ids-comp-select-disabled-border-color: var(--ids-sem-color-border-interactive-disabled, #b2b2b2);
  --ids-comp-select-indicator-width: var(--ids-comp-select-md-font-size, 1rem);
  --ids-comp-select-indicator-height: var(--ids-comp-select-indicator-width);
  --ids-comp-select-indicator-color: var(--ids-sem-color-on-surface-interactive-rest, #005ba8);
  --ids-comp-select-indicator-right: var(--ids-base-space-30, 0.75rem);
  --ids-comp-select-indicator-disabled-color: var(--ids-sem-color-on-surface-interactive-disabled, #959595);
  --ids-comp-select-sm-font-size: var(--ids-base-type-size-sm, 0.875rem);
  --ids-comp-select-sm-padding-inline: var(--ids-base-space-20, 0.5rem);
  --ids-comp-select-sm-indicator-width: var(--ids-comp-select-sm-font-size, 0.875rem);
  --ids-comp-select-lg-font-size: var(--ids-base-type-size-xl, 1.25rem);
  --ids-comp-select-lg-padding-inline: var(--ids-base-space-40, 1rem);
  --ids-comp-select-lg-indicator-width: var(--ids-comp-select-lg-font-size, 1.125rem);
  --ids-comp-skeleton-background-color: var(--ids-sem-color-surface-muted, #e3e3e3);
  --ids-comp-skeleton-border-radius: var(--ids-base-size-border-radius-sm, 4px);
  --ids-comp-skeleton-min-width: var(--ids-base-space-80, 2rem);
  --ids-comp-skeleton-min-height: calc(var(--ids-comp-skeleton-min-height) / 2);
  --ids-comp-skeleton-pulse-duration: var(--ids-base-duration-slow, 500ms);
  --ids-comp-skeleton-pulse-easing: var(--ids-base-easing-linear, linear);
  --ids-comp-skeleton-exit-duration: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-skeleton-exit-easing: var(--ids-base-easing-exit, cubic-bezier(0.55, 0.06, 0.68, 0.19));
  --ids-comp-skeleton-animation-pulse: pulse var(--ids-comp-skeleton-pulse-duration) var(--ids-comp-skeleton-pulse-easing) infinite;
  --ids-comp-skeleton-transition-exit: opacity var(--ids-comp-skeleton-exit-duration) var(--ids-comp-skeleton-exit-easing);
  --ids-comp-slideout-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-slideout-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-slideout-box-shadow: var(--ids-base-shadow-xl, 4px 0 6px 0 rgba(0,0,0,0.3), -4px 0 6px 0 rgba(0,0,0,0.3));
  --ids-comp-slideout-padding-inline: var(--ids-base-space-60, 1.5rem);
  --ids-comp-slideout-padding-block-start: var(--ids-base-space-50, 1.25rem);
  --ids-comp-slideout-media-max-width: var(--ids-base-screen-sm, 480px);
  --ids-comp-slideout-gap: var(--ids-base-space-50, 1.25rem);
  --ids-comp-slideout-backdrop-background-color: var(--ids-sem-color-overlay-dark, rgba(74, 74, 74, 0.8));
  --ids-comp-slideout-header-gap: var(--ids-base-space-60, 1.5rem);
  --ids-comp-slideout-header-title-text-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-slideout-header-title-font-weight: var(--ids-sem-typography-heading-h3-font-weight, 600);
  --ids-comp-slideout-header-title-line-height: var(--ids-sem-typography-heading-h3-line-height, 1.2);
  --ids-comp-slideout-header-title-font-size: var(--ids-sem-typography-heading-h3-font-size, 1.25rem);
  --ids-comp-slideout-close-btn-inline-end-offset: var(--ids-base-space-20, 0.5rem);
  --ids-comp-slideout-footer-gap: var(--ids-base-space-40, 1rem);
  --ids-comp-slideout-push-width: 320px;
  --ids-comp-slideout-push-target-duration: 500ms;
  --ids-comp-slideout-push-target-easing: ease-in-out;
  --ids-comp-slideout-locked-footer-background-color: var(--ids-sem-color-overlay-subdued, rgba(244, 244, 244, 0.96));
  --ids-comp-slideout-locked-footer-border-color: var(--ids-sem-color-border-muted, #b2b2b2);
  --ids-comp-slideout-locked-footer-border-top-width: var(--ids-base-size-border-px, 1px);
  --ids-comp-slideout-locked-footer-padding-block: var(--ids-base-space-20, 0.5rem);
  --ids-comp-slideout-locked-footer-padding-inline: var(--ids-base-space-40, 1rem);
  --ids-comp-slideout-animation-duration-enter: var(--ids-base-duration-medium, 350ms);
  --ids-comp-slideout-animation-duration-exit: var(--ids-base-duration-fast, 250ms);
  --ids-comp-slideout-animation-easing-enter-sharp: var(--ids-base-easing-enter-sharp, cubic-bezier(0.32, 0.72, 0, 1));
  --ids-comp-slideout-animation-easing-exit-sharp: var(--ids-base-easing-exit-sharp, cubic-bezier(1, 0, 0.68, 0.28));
  --ids-comp-slideout-transition-transform-enter: transform var(--ids-comp-slideout-animation-duration-enter) var(--ids-comp-slideout-animation-easing-enter-sharp);
  --ids-comp-slideout-transition-opacity-enter: opacity var(--ids-comp-slideout-animation-duration-enter) var(--ids-comp-slideout-animation-easing-enter-sharp);
  --ids-comp-slideout-transition-transform-exit: transform var(--ids-comp-slideout-animation-duration-exit) var(--ids-comp-slideout-animation-easing-exit-sharp);
  --ids-comp-slideout-transition-opacity-exit: opacity var(--ids-comp-slideout-animation-duration-exit) var(--ids-comp-slideout-animation-easing-exit-sharp);
  --ids-comp-slideout-transition-enter: var(--ids-comp-slideout-transition-transform-enter), var(--ids-comp-slideout-transition-opacity-enter);
  --ids-comp-slideout-transition-exit: var(--ids-comp-slideout-transition-transform-exit), var(--ids-comp-slideout-transition-opacity-exit);
  --ids-comp-snackbar-position: fixed;
  --ids-comp-snackbar-background-color: var(--ids-sem-color-surface-inverse-default, #4a4a4a);
  --ids-comp-snackbar-text-color: var(--ids-sem-color-on-surface-inverse, #ffffff);
  --ids-comp-snackbar-border-color: var(--ids-base-color-transparent, rgba(0, 0, 0, 0));
  --ids-comp-snackbar-border-radius: var(--ids-sem-size-border-radius-default, 4px);
  --ids-comp-snackbar-font-size: var(--ids-base-type-size-sm, 0.875rem);
  --ids-comp-snackbar-height-min: var(--ids-base-space-100, 2.5rem);
  --ids-comp-snackbar-width-min: 160px;
  --ids-comp-snackbar-width-max: 390px;
  --ids-comp-snackbar-padding-block: var(--ids-base-space-10, 0.25rem);
  --ids-comp-snackbar-padding-inline-start: var(--ids-base-space-30, 0.75rem);
  --ids-comp-snackbar-padding-inline-end: var(--ids-base-space-20, 0.5rem);
  --ids-comp-snackbar-duration-enter: var(--ids-base-duration-fast, 250ms);
  --ids-comp-snackbar-duration-exit-fast: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-snackbar-duration-exit-slow: var(--ids-base-duration-slowest, 1000ms);
  --ids-comp-snackbar-easing-enter: var(--ids-base-easing-enter, cubic-bezier(0.25, 0.46, 0.45, 0.94));
  --ids-comp-snackbar-easing-exit: var(--ids-base-easing-exit, cubic-bezier(0.55, 0.06, 0.68, 0.19));
  --ids-comp-snackbar-transition: all var(--ids-comp-snackbar-duration-enter) var(--ids-comp-snackbar-easing-enter);
  --ids-comp-snackbar-transition-scale-enter: scale var(--ids-comp-snackbar-duration-enter) var(--ids-comp-snackbar-easing-enter);
  --ids-comp-snackbar-transition-opacity-enter: opacity var(--ids-comp-snackbar-duration-enter) var(--ids-comp-snackbar-easing-enter);
  --ids-comp-snackbar-transition-motion-in: var(--ids-comp-snackbar-transition-scale-enter), var(--ids-comp-snackbar-transition-opacity-enter);
  --ids-comp-snackbar-transition-motion-out: opacity var(--ids-comp-snackbar-duration-exit-slow) var(--ids-comp-snackbar-easing-exit);
  --ids-comp-snackbar-transition-opacity-exit: opacity var(--ids-comp-snackbar-duration-exit-fast) var(--ids-comp-snackbar-easing-exit);
  --ids-comp-snackbar-transition-motion-close: var(--ids-comp-snackbar-transition-opacity-exit);
  --ids-comp-snackbar-content-font-size: var(--ids-base-type-size-sm, 0.875rem);
  --ids-comp-snackbar-content-margin-inline-end: var(--ids-base-space-10, 0.25rem);
  --ids-comp-snackbar-icon-color: inherit;
  --ids-comp-snackbar-icon-color-info: var(--ids-sem-color-on-surface-info-muted, #57a0db);
  --ids-comp-snackbar-icon-color-success: var(--ids-sem-color-on-surface-success-muted, #53ac39);
  --ids-comp-snackbar-icon-color-caution: var(--ids-sem-color-on-surface-caution-muted, #ffc20e);
  --ids-comp-snackbar-icon-color-error: var(--ids-sem-color-on-surface-error-muted, #f06f61);
  --ids-comp-snackbar-icon-margin-inline-end: var(--ids-base-space-30, 0.75rem);
  --ids-comp-snackbar-btn-margin-inline-start: var(--ids-base-space-20, 0.5rem);
  --ids-comp-snackbar-btn-margin-inline-end: calc(var(--ids-base-space-10, 0.25rem) * -1);
  --ids-comp-spinner-size: 1.25em;
  --ids-comp-spinner-ring-color: var(--ids-sem-color-on-surface-primary, #2372b8);
  --ids-comp-spinner-ring-width: var(--ids-base-space-25, 0.625rem);
  --ids-comp-spinner-label-gap: var(--ids-base-space-10, 0.25rem);
  --ids-comp-spinner-ring-linecap: round;
  --ids-comp-spinner-center-color: none;
  --ids-comp-spinner-exit-duration: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-spinner-exit-easing: var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0));
  --ids-comp-spinner-animation-duration: 1.5384615384615383s;
  --ids-comp-spinner-rotation-easing: var(--ids-base-easing-linear, linear);
  --ids-comp-spinner-dash-easing: ease-in-out;
  --ids-comp-spinner-animation-spinner-rotate: spinner-rotate var(--ids-comp-spinner-animation-duration) var(--ids-comp-spinner-rotation-easing) infinite;
  --ids-comp-spinner-animation-spinner-dash: spinner-dash var(--ids-comp-spinner-animation-duration) var(--ids-comp-spinner-dash-easing) infinite;
  --ids-comp-spinner-transition-exit: opacity var(--ids-comp-spinner-exit-duration) var(--ids-comp-spinner-exit-easing);
  --ids-comp-form-control-border-radius: var(--ids-sem-size-border-radius-default, 4px);
  --ids-comp-form-control-addon-divider-color-primary: var(--ids-sem-color-border-button-divider-primary, #ffffff);
  --ids-comp-form-control-addon-divider-color-primary-disabled: var(--ids-sem-color-border-button-divider-disabled, #b2b2b2);
  --ids-comp-form-control-addon-divider-color-primary-default: var(--ids-sem-color-border-button-primary-hover, rgba(0, 0, 0, 0));
  --ids-comp-form-control-addon-divider-color-secondary: var(--ids-sem-color-border-button-divider-secondary, #005ba8);
  --ids-comp-form-control-addon-divider-color-secondary-disabled: var(--ids-sem-color-border-button-divider-disabled, #b2b2b2);
  --ids-comp-form-control-addon-divider-color-secondary-default: var(--ids-sem-color-border-button-secondary-hover, #005ba8);
  --ids-comp-form-control-addon-divider-width: var(--ids-base-size-border-px, 1px);
  --ids-comp-form-control-addon-border-start-start-radius: 0;
  --ids-comp-form-control-addon-border-start-end-radius: 0;
  --ids-comp-form-control-addon-border-end-end-radius: 0;
  --ids-comp-form-control-addon-border-end-start-radius: 0;
  --ids-comp-split-button-transition-duration: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-split-button-transition-easing: var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0));
  --ids-comp-split-button-transition-border-color: border-color var(--ids-comp-split-button-transition-duration) var(--ids-comp-split-button-transition-easing);
  --ids-comp-split-button-transition-background-color: background-color var(--ids-comp-split-button-transition-duration) var(--ids-comp-split-button-transition-easing);
  --ids-comp-split-button-transition-z-index: z-index 0ms;
  --ids-comp-split-button-transition: var(--ids-comp-split-button-transition-border-color), var(--ids-comp-split-button-transition-background-color), var(--ids-comp-split-button-transition-z-index);
  --ids-comp-status-background-color: var(--ids-sem-color-surface-urgent, #e44941);
  --ids-comp-status-text-color: var(--ids-sem-color-on-surface-inverse, #ffffff);
  --ids-comp-status-font-size: var(--ids-base-type-size-xs, 0.75rem);
  --ids-comp-status-padding-inline: var(--ids-base-space-10, 0.25rem);
  --ids-comp-status-padding-block: var(--ids-base-space-05, 0.125rem);
  --ids-comp-status-display: inline-flex;
  --ids-comp-status-radius: var(--ids-base-size-border-radius-full, 9999px);
  --ids-comp-status-transform: var(--ids-comp-status-transform-align-to-center);
  --ids-comp-status-transform-align-to-center: translateX(50%) translateY(-50%);
  --ids-comp-status-transform-align-to-left: translateX(calc( 100% - (var(--ids-comp-status-padding-inline) + var(--ids-comp-status-font-size) / 2))) translateY(-50%);
  --ids-comp-status-transform-align-to-right: translateX(calc(0% - (var(--ids-comp-status-padding-inline) + var(--ids-comp-status-font-size)/2) * -1)) translateY(-50%);
  --ids-comp-status-width-min: var(--ids-base-space-20, 0.5rem);
  --ids-comp-status-height-min: var(--ids-base-space-20, 0.5rem);
  --ids-comp-status-has-content-width-min: var(--ids-base-space-50, 1.25rem);
  --ids-comp-status-has-content-height-min: var(--ids-base-space-50, 1.25rem);
  --ids-comp-stepper-steps-gap: var(--ids-base-space-20, 0.5rem);
  --ids-comp-stepper-font-size: var(--ids-base-type-size-md, 1rem);
  --ids-comp-stepper-font-weight-normal: var(--ids-base-type-weight-regular, 400);
  --ids-comp-stepper-font-weight-active: var(--ids-base-type-weight-semibold, 600);
  --ids-comp-stepper-indicator-padding-bottom: var(--ids-base-space-15, 0.375rem);
  --ids-comp-stepper-label-padding-top: var(--ids-base-space-20, 0.5rem);
  --ids-comp-stepper-indicator-border-bottom-width: var(--ids-base-size-border-px, 1px);
  --ids-comp-stepper-indicator-border-bottom-width-active: var(--ids-base-size-border-md, 4px);
  --ids-comp-stepper-indicator-border-bottom-width-complete: var(--ids-base-size-border-md, 4px);
  --ids-comp-stepper-indicator-border-bottom-width-error: var(--ids-base-size-border-md, 4px);
  --ids-comp-stepper-indicator-border-bottom-color: var(--ids-sem-color-border-muted, #b2b2b2);
  --ids-comp-stepper-indicator-border-bottom-color-active: var(--ids-sem-color-border-interactive-selected, #003468);
  --ids-comp-stepper-indicator-border-bottom-color-complete: var(--ids-sem-color-border-success, #3c7b29);
  --ids-comp-stepper-indicator-border-bottom-color-error: var(--ids-sem-color-border-error, #d41e27);
  --ids-comp-stepper-indicator-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-stepper-indicator-color-active: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-stepper-indicator-color-complete: var(--ids-sem-color-on-surface-success-default, #3c7b29);
  --ids-comp-stepper-indicator-color-error: var(--ids-sem-color-on-surface-error-default, #d41e27);
  --ids-comp-stepper-indicator-font-weight: var(--ids-comp-stepper-font-weight-normal);
  --ids-comp-stepper-label-font-weight: var(--ids-comp-stepper-font-weight-normal);
  --ids-comp-avatar-focus-box-shadow: var(--ids-sem-ring-focus, 0 0 0 2px #ffffff, 0 0 0 4px #005ba8);
  --ids-comp-stepper-animation-duration-state-change: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-stepper-animation-easing-morph: var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0));
  --ids-comp-stepper-transition-border-color: border-color var(--ids-comp-stepper-animation-duration-state-change) var(--ids-comp-stepper-animation-easing-morph);
  --ids-comp-stepper-transition-color: color var(--ids-comp-stepper-animation-duration-state-change) var(--ids-comp-stepper-animation-easing-morph);
  --ids-comp-stepper-transition-font-weight: font-weight var(--ids-comp-stepper-animation-duration-state-change) var(--ids-comp-stepper-animation-easing-morph);
  --ids-comp-stepper-transition-border-width: border-width var(--ids-comp-stepper-animation-duration-state-change) var(--ids-comp-stepper-animation-easing-morph);
  --ids-comp-stepper-transition-state-change: var(--ids-comp-stepper-transition-border-color), var(--ids-comp-stepper-transition-color), var(--ids-comp-stepper-transition-font-weight), var(--ids-comp-stepper-transition-border-width);
  --ids-comp-stepper-transition-focus: box-shadow var(--ids-comp-stepper-animation-duration-state-change) var(--ids-comp-stepper-animation-easing-morph);
  --ids-comp-switch-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-switch-border-color: var(--ids-sem-color-border-interactive-rest, #005ba8);
  --ids-comp-switch-border-radius: var(--ids-sem-size-border-radius-round, 9999px);
  --ids-comp-switch-border-width: var(--ids-base-size-border-px, 1px);
  --ids-comp-switch-padding: 3px;
  --ids-comp-switch-height: var(--ids-base-space-80, 2rem);
  --ids-comp-switch-width: var(--ids-base-space-140, 3.5rem);
  --ids-comp-switch-icon-color: var(--ids-sem-color-on-surface-interactive-rest, #005ba8);
  --ids-comp-switch-line-height: var(--ids-base-type-leading-compact, 1.15);
  --ids-comp-switch-font-size: var(--ids-base-type-size-md, 1rem);
  --ids-comp-switch-label-height: var(--ids-base-space-40, 1rem);
  --ids-comp-switch-sm-font-size: var(--ids-base-type-size-sm, 0.875rem);
  --ids-comp-switch-md-font-size: var(--ids-base-type-size-md, 1rem);
  --ids-comp-switch-lg-font-size: var(--ids-base-type-size-xl, 1.25rem);
  --ids-comp-switch-focus-ring: var(--ids-sem-ring-focus, 0 0 0 2px #ffffff, 0 0 0 4px #005ba8);
  --ids-comp-switch-checked-background-color: var(--ids-sem-color-surface-interactive-rest, #005ba8);
  --ids-comp-switch-disabled-background-color: var(--ids-sem-color-surface-interactive-disabled, #e3e3e3);
  --ids-comp-switch-disabled-border-color: var(--ids-sem-color-border-interactive-disabled, #b2b2b2);
  --ids-comp-switch-knob-transition: color var(--ids-base-duration-fast, 250ms) var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0)) , background-color var(--ids-base-duration-fast, 250ms) var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0)) , opacity var(--ids-base-duration-fast, 250ms) var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0)), transform var(--ids-base-duration-fast, 250ms) var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0));
  --ids-comp-switch-track-transition: opacity var(--ids-base-duration-fast, 250ms) var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0)), background-color var(--ids-base-duration-fast, 250ms) var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0));
  --ids-comp-switch-reduced-motion-transition: none;
  --ids-comp-switch-gap: var(--ids-base-space-40, 1rem);
  --ids-comp-switch-top-gap: var(--ids-base-space-10, 0.25rem);
  --ids-comp-switch-knob-background-color: var(--ids-sem-color-surface-interactive-rest, #005ba8);
  --ids-comp-switch-knob-border-radius: var(--ids-sem-size-border-radius-round, 9999px);
  --ids-comp-switch-knob-top: 3px;
  --ids-comp-switch-knob-left: 3px;
  --ids-comp-switch-knob-height: var(--ids-base-space-60, 1.5rem);
  --ids-comp-switch-knob-width: var(--ids-base-space-60, 1.5rem);
  --ids-comp-switch-knob-opacity: var(--ids-base-opacity-100, 1.0);
  --ids-comp-switch-knob-translateX: translateX(0);
  --ids-comp-switch-checked-knob-background-color: var(--ids-base-color-transparent, rgba(0, 0, 0, 0));
  --ids-comp-switch-checked-knob-translateX: translateX(var(--ids-base-space-60, 1.5rem));
  --ids-comp-switch-knob-disabled-background-color: var(--ids-sem-color-on-surface-subtle, #959595);
  --ids-comp-switch-checked-knob-disabled-background-color: var(--ids-base-color-transparent, rgba(0, 0, 0, 0));
  --ids-comp-switch-icon-left: var(--ids-base-space-10, 0.25rem);
  --ids-comp-switch-icon-border-radius: var(--ids-sem-size-border-radius-round, 9999px);
  --ids-comp-switch-icon-height: var(--ids-base-space-60, 1.5rem);
  --ids-comp-switch-icon-width: var(--ids-base-space-60, 1.5rem);
  --ids-comp-switch-icon-opacity: var(--ids-base-opacity-0, 0);
  --ids-comp-switch-checked-icon-background-color: var(--ids-sem-color-on-surface-inverse, #ffffff);
  --ids-comp-switch-checked-icon-opacity: var(--ids-base-opacity-100, 1.0);
  --ids-comp-switch-checked-icon-translateX: translateX(var(--ids-base-space-60, 1.5rem));
  --ids-comp-switch-icon-disabled-background-color: var(--ids-sem-color-on-surface-subtle, #959595);
  --ids-comp-switch-icon-disabled-text-color: var(--ids-sem-color-neutral-100, #e3e3e3);
  --ids-comp-switch-knob-icon-height: var(--ids-base-space-35, 0.875rem);
  --ids-comp-switch-knob-icon-width: var(--ids-base-space-35, 0.875rem);
}

@media (prefers-reduced-motion: reduce) {

  :root {
    --ids-comp-switch-knob-transition: var(--ids-comp-switch-reduced-motion-transition);
    --ids-comp-switch-track-transition: var(--ids-comp-switch-reduced-motion-transition);
  }
}

:root {
  --ids-comp-tab-container-border-block-end-color: var(--ids-sem-color-border-muted, #b2b2b2);
  --ids-comp-tab-container-border-block-end-width: var(--ids-base-size-border-px, 1px);
  --ids-comp-tabs-content-container-padding-block: var(--ids-base-space-40, 1rem);
  --ids-comp-tab-background-color: var(--ids-base-color-transparent, rgba(0, 0, 0, 0));
  --ids-comp-tab-border-inline-width: var(--ids-base-size-border-px, 1px);
  --ids-comp-tab-color: var(--ids-sem-color-on-surface-interactive-rest, #005ba8);
  --ids-comp-tab-font-family: var(--ids-sem-type-font-body, 'Roboto Flex', Roboto, sans-serif);
  --ids-comp-tab-font-size: var(--ids-base-type-size-md, 1rem);
  --ids-comp-tab-font-weight: var(--ids-sem-type-weight-interactive-default, 500);
  --ids-comp-tab-gap: var(--ids-base-space-20, 0.5rem);
  --ids-comp-tab-margin-block: var(--ids-base-space-10, 0.25rem);
  --ids-comp-tab-margin-inline: var(--ids-base-space-10, 0.25rem);
  --ids-comp-tab-min-height: var(--ids-base-space-120, 3rem);
  --ids-comp-tab-line-height: var(--ids-base-type-leading-tight, 1.25);
  --ids-comp-tab-padding-block: var(--ids-base-space-30, 0.75rem);
  --ids-comp-tab-padding-inline: var(--ids-base-space-20, 0.5rem);
  --ids-comp-tab-selected-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-tab-selected-border-color: var(--ids-sem-color-border-interactive-selected, #003468);
  --ids-comp-tab-selected-border-width: var(--ids-base-size-border-md, 4px);
  --ids-comp-tab-hover-background-color: var(--ids-sem-color-surface-interactive-hover, #ebf6ff);
  --ids-comp-tab-focus-box-shadow: var(--ids-sem-ring-focus, 0 0 0 2px #ffffff, 0 0 0 4px #005ba8);
  --ids-comp-tab-focus-border-color: var(--ids-sem-color-border-interactive-focus, #005ba8);
  --ids-comp-tab-focus-border-style: solid;
  --ids-comp-tab-focus-border-width: var(--ids-base-size-border-px, 1px);
  --ids-comp-tab-disabled-color: var(--ids-sem-color-on-surface-interactive-disabled, #959595);
  --ids-comp-tabs-prevnext-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-tabs-prevnext-right-offset: var(--ids-base-space-20 ,0.5rem);
  --ids-comp-tabs-prevnext-left-offset: var(--ids-base-space-20 ,0.5rem);
  --ids-comp-tabs-prevnext-icon-color: var(--ids-sem-color-on-surface-interactive-rest, #005ba8);
  --ids-comp-tab-transition-duration: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-tab-transition-timing-function: var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0));
  --ids-comp-tab-transition: background-color var(--ids-comp-tab-transition-duration) var(--ids-comp-tab-transition-timing-function), color var(--ids-comp-tab-transition-duration) var(--ids-comp-tab-transition-timing-function), border-color var(--ids-comp-tab-transition-duration) var(--ids-comp-tab-transition-timing-function);
  --ids-comp-tab-indicator-transition: all var(--ids-comp-tab-transition-duration) var(--ids-comp-tab-transition-timing-function);
  --ids-comp-tab-reduced-motion-transition: none;
}

@media (prefers-reduced-motion: reduce) {

  :root {
    --ids-comp-tab-transition: var(--ids-comp-tab-reduced-motion-transition);
    --ids-comp-tab-indicator-transition: var(--ids-comp-tab-reduced-motion-transition);
  }
}

:root {
  --ids-comp-table-border-color: var(--ids-sem-color-border-transparent, rgba(0, 0, 0, 0));
  --ids-comp-table-border-width: var(--ids-base-border-none, 0px);
  --ids-comp-table-border-radius: var(--ids-base-size-border-radius-sm, 4px);
  --ids-comp-table-border-spacing: var(--ids-base-space-0, 0px);
  --ids-comp-table-width: 100%;
  --ids-comp-table-contained-border-color: var(--ids-sem-color-border-muted, #b2b2b2);
  --ids-comp-table-contained-border-width: var(--ids-base-size-border-px, 1px);
  --ids-comp-table-th-border-color: var(--ids-sem-color-border-muted, #b2b2b2);
  --ids-comp-table-th-border-width: var(--ids-base-size-border-2, 2px);
  --ids-comp-table-th-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-table-th-text-color: var(--ids-sem-color-on-surface-muted, #6d6d6d);
  --ids-comp-table-th-font-weight: var(--ids-base-type-weight-regular, 400);
  --ids-comp-table-th-align: left;
  --ids-comp-table-th-padding-block: var(--ids-base-padding-30, 0.75rem);
  --ids-comp-table-th-padding-inline: var(--ids-base-padding-40, 1rem);
  --ids-comp-table-th-sort-gap: var(--ids-base-padding-15, 0.375rem);
  --ids-comp-table-th-sort-text-color: var(--ids-comp-table-th-text-color);
  --ids-comp-table-th-sorted-text-color: var(--ids-comp-table-th-text-color);
  --ids-comp-table-th-sm-font-size: var(--ids-base-type-size-xs, 0.75rem);
  --ids-comp-table-th-sm-padding-block: var(--ids-base-padding-20, 0.5rem);
  --ids-comp-table-th-sm-padding-inline: var(--ids-base-padding-40, 1rem);
  --ids-comp-table-th-light-background-color: var(--ids-sem-color-surface-subdued, #f4f4f4);
  --ids-comp-table-th-dark-border-color: var(--ids-sem-color-border-max, #000000);
  --ids-comp-table-th-dark-background-color: var(--ids-sem-color-surface-inverse-default, #4a4a4a);
  --ids-comp-table-th-dark-text-color: var(--ids-sem-color-on-surface-inverse, #ffffff);
  --ids-comp-table-th-dark-sort-text-color: var(--ids-comp-table-th-dark-text-color);
  --ids-comp-table-th-dark-sorted-text-color: var(--ids-comp-table-th-dark-text-color);
  --ids-comp-table-hover-transition-duration: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-table-hover-transition-easing: var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0));
  --ids-comp-table-row-hover-transition: background-color var(--ids-comp-table-hover-transition-duration) var(--ids-comp-table-hover-transition-easing);
  --ids-comp-table-td-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-table-td-border-color: var(--ids-sem-color-border-muted, #b2b2b2);
  --ids-comp-table-td-border-width: var(--ids-base-size-border-px, 1px);
  --ids-comp-table-td-text-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-table-td-font-family: var(--ids-sem-type-font-body, 'Roboto Flex', Roboto, sans-serif);
  --ids-comp-table-td-font-size: var(--ids-base-type-size-md, 1rem);
  --ids-comp-table-td-font-weight: var(--ids-base-type-weight-regular, 400);
  --ids-comp-table-td-text-align: left;
  --ids-comp-table-td-vertical-align: top;
  --ids-comp-table-td-padding-block: var(--ids-base-padding-35, 0.875rem);
  --ids-comp-table-td-padding-inline: var(--ids-base-padding-40, 1rem);
  --ids-comp-table-td-sm-font-size: var(--ids-base-type-size-sm, 0.875rem);
  --ids-comp-table-td-sm-padding-block: var(--ids-base-padding-25, 0.625rem);
  --ids-comp-table-td-sm-padding-inline: var(--ids-base-padding-40, 1rem);
  --ids-comp-table-td-hover-background-color: var(--ids-sem-color-surface-interactive-hover, #ebf6ff);
  --ids-comp-tile-cursor: pointer;
  --ids-comp-tile-display: inline-block;
  --ids-comp-tile-width-min: var(--ids-base-space-120, 3rem);
  --ids-comp-tile-height-min: var(--ids-base-space-120, 3rem);
  --ids-comp-tile-padding-block: var(--ids-base-space-40, 1rem);
  --ids-comp-tile-padding-inline: var(--ids-base-space-40, 1rem);
  --ids-comp-tile-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-tile-border-radius: var(--ids-base-border-radius-sm, 4px);
  --ids-comp-tile-border-width: var(--ids-base-size-border-px, 1px);
  --ids-comp-tile-border-color: var(--ids-sem-color-border-default, #828282);
  --ids-comp-tile-transition-duration: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-tile-transition-easing: var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0));
  --ids-comp-tile-transition-background-color: background-color var(--ids-comp-tile-transition-duration) var(--ids-comp-tile-transition-easing);
  --ids-comp-tile-transition-border-color: border-color var(--ids-comp-tile-transition-duration) var(--ids-comp-tile-transition-easing);
  --ids-comp-tile-transition-border-width: border-width var(--ids-comp-tile-transition-duration) var(--ids-comp-tile-transition-easing);
  --ids-comp-tile-transition-box-shadow: box-shadow var(--ids-comp-tile-transition-duration) var(--ids-comp-tile-transition-easing);
  --ids-comp-tile-transition: var(--ids-comp-tile-transition-background-color), var(--ids-comp-tile-transition-border-color), var(--ids-comp-tile-transition-border-width), var(--ids-comp-tile-transition-box-shadow);
  --ids-comp-tile-focus-box-shadow: var(--ids-sem-ring-focus, 0 0 0 2px #ffffff, 0 0 0 4px #005ba8);
  --ids-comp-tile-hover-background-color: var(--ids-sem-color-surface-interactive-hover, #ebf6ff);
  --ids-comp-tile-selected-background-color: var(--ids-sem-color-surface-interactive-selected, #ebf6ff);
  --ids-comp-tile-selected-border-color: var(--ids-sem-color-border-interactive-selected, #003468);
  --ids-comp-tile-selected-border-width: var(--ids-base-size-border-sm, 2px);
  --ids-comp-tile-header-gap: var(--ids-base-space-20, 0.5rem);
  --ids-comp-tile-header-margin-block-end: var(--ids-base-space-20, 0.5rem);
  --ids-comp-toast-enter-duration: var(--ids-base-duration-medium, 350ms);
  --ids-comp-toast-enter-easing: var(--ids-base-easing-enter, cubic-bezier(0.25, 0.46, 0.45, 0.94));
  --ids-comp-toast-exit-duration: var(--ids-base-duration-fast, 250ms);
  --ids-comp-toast-exit-easing: var(--ids-base-easing-exit, cubic-bezier(0.55, 0.06, 0.68, 0.19));
  --ids-comp-toast-transition-enter-top: top var(--ids-comp-toast-enter-duration) var(--ids-comp-toast-enter-easing);
  --ids-comp-toast-transition-enter-transform: transform var(--ids-comp-toast-enter-duration) var(--ids-comp-toast-enter-easing);
  --ids-comp-toast-transition-enter-opacity: opacity var(--ids-comp-toast-enter-duration) var(--ids-comp-toast-enter-easing);
  --ids-comp-toast-transition-exit-top: top var(--ids-comp-toast-exit-duration) var(--ids-comp-toast-exit-easing);
  --ids-comp-toast-transition-exit-transform: transform var(--ids-comp-toast-exit-duration) var(--ids-comp-toast-exit-easing);
  --ids-comp-toast-transition-exit-opacity: opacity var(--ids-comp-toast-exit-duration) var(--ids-comp-toast-exit-easing);
  --ids-comp-toast-transition-enter: var(--ids-comp-toast-transition-enter-top), var(--ids-comp-toast-transition-enter-transform), var(--ids-comp-toast-transition-enter-opacity);
  --ids-comp-toast-transition-exit: var(--ids-comp-toast-transition-exit-top), var(--ids-comp-toast-transition-exit-transform), var(--ids-comp-toast-transition-exit-opacity);
  --ids-comp-toast-transition: var(--ids-comp-toast-transition-enter);
  --ids-comp-toast-toaster-background: var(--ids-base-color-transparent, rgba(0, 0, 0, 0));
  --ids-comp-toast-toaster-gap: var(--ids-base-space-20, 0.5rem);
  --ids-comp-toast-toaster-padding: var(--ids-base-space-20, 0.5rem);
  --ids-comp-toast-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-toast-border-width: var(--ids-base-size-border-px, 1px);
  --ids-comp-toast-border-color: var(--ids-sem-color-border-muted, #b2b2b2);
  --ids-comp-toast-border-radius: var(--ids-sem-size-border-radius-default, 4px);
  --ids-comp-toast-box-shadow: var(--ids-base-shadow-md, 0 4px 4px 0 rgba(0,0,0,0.1));
  --ids-comp-toast-font-size: var(--ids-base-type-size-sm, 0.875rem);
  --ids-comp-toast-gap: var(--ids-base-space-30, 0.75rem);
  --ids-comp-toast-body-gap: var(--ids-base-space-10, 0.25rem);
  --ids-comp-toast-line-height: var(--ids-base-type-leading-snug, 1.3);
  --ids-comp-toast-link-color: var(--ids-sem-color-on-surface-link-rest, #005ba8);
  --ids-comp-toast-text-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-toast-icon-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-toast-height: 63px;
  --ids-comp-toast-height-and-gap: calc(var(--ids-comp-toast-height) + var(--ids-comp-toast-toaster-gap));
  --ids-comp-toast-padding: var(--ids-base-space-30, 0.75rem);
  --ids-comp-toast-padding-inline-start: var(--ids-base-space-20, 0.5rem);
  --ids-comp-toast-padding-inline-end: var(--ids-base-space-40, 1rem);
  --ids-comp-toast-top-sm: 0px;
  --ids-comp-toast-top-lg: 0px;
  --ids-comp-toast-top: var(--ids-comp-toast-top-sm);
  --ids-comp-toast-top-offset: 6px;
  --ids-comp-toast-width: 320px;
  --ids-comp-toast-z-index: 7;
  --ids-comp-toast-media-border-radius: var(--ids-sem-size-border-radius-default, 4px);
  --ids-comp-toast-media-margin: var(--ids-base-space-30, 0.75rem);
  --ids-comp-toast-media-width: var(--ids-base-space-100, 2.5rem);
  --ids-comp-toast-media-height: var(--ids-comp-toast-media-width);
  --ids-comp-toast-title-font-size: var(--ids-sem-typography-heading-h6-font-size, 0.875rem);
  --ids-comp-toast-title-font-weight: var(--ids-sem-typography-heading-h6-font-weight, 600);
  --ids-comp-toast-title-line-height: var(--ids-sem-typography-heading-h6-line-height, 1.2);
  --ids-comp-toast-close-padding: var(--ids-base-space-10, 0.25rem);
  --ids-comp-toast-close-padding-inline-start: var(--ids-base-space-10, 0.25rem);
  --ids-comp-toggle-group-background-color: var(--ids-sem-color-neutral-300, #b2b2b2);
  --ids-comp-toggle-group-border-color: var(--ids-sem-color-border-muted, #b2b2b2);
  --ids-comp-toggle-group-border-width: var(--ids-base-size-px, 1px);
  --ids-comp-toggle-group-border-radius: calc(var(--ids-base-size-border-radius-sm, 4px) - var(--ids-comp-toggle-group-border-width));
  --ids-comp-toggle-group-item-count: 1;
  --ids-comp-toggle-group-gap: 1px;
  --ids-comp-toggle-group-item-background-color: var(--ids-sem-color-surface-default, #ffffff);
  --ids-comp-toggle-group-item-color: var(--ids-sem-color-on-surface-interactive-rest, #005ba8);
  --ids-comp-toggle-group-item-cursor: pointer;
  --ids-comp-toggle-group-item-font-family: var(--ids-base-type-font-sans, 'Roboto Flex', Roboto, sans-serif);
  --ids-comp-toggle-group-item-font-size: var(--ids-base-type-size-md, 1rem);
  --ids-comp-toggle-group-item-font-weight: var(--ids-base-type-font-weight-medium, 500);
  --ids-comp-toggle-group-item-gap: var(--ids-base-space-20, 0.5rem);
  --ids-comp-toggle-group-item-line-height: var(--ids-base-type-leading-none, 1);
  --ids-comp-toggle-group-item-height-min: var(--ids-comp-toggle-group-md-item-height-min);
  --ids-comp-toggle-group-item-padding-block: var(--ids-base-space-30, 0.75rem);
  --ids-comp-toggle-group-item-padding-inline: var(--ids-base-space-30, 0.75rem);
  --ids-comp-toggle-group-item-bg-hover: var(--ids-sem-color-surface-interactive-hover, #ebf6ff);
  --ids-comp-toggle-group-item-box-shadow: var(--ids-sem-ring-focus, 0 0 0 2px #ffffff, 0 0 0 4px #005ba8);
  --ids-comp-toggle-group-item-selected-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-toggle-group-item-selected-indicator-color: var(--ids-sem-color-border-interactive-selected, #003468);
  --ids-comp-toggle-group-item-selected-indicator-width: var(--ids-base-size-border-md, 4px);
  --ids-comp-toggle-group-item-disabled-color: var(--ids-sem-color-on-surface-muted, #6d6d6d);
  --ids-comp-toggle-group-item-cursor-disabled: not-allowed;
  --ids-comp-toggle-group-item-disabled-indicator-color: var(--ids-sem-color-border-muted, #b2b2b2);
  --ids-comp-toggle-group-md-item-height-min: var(--ids-base-space-80, 2rem);
  --ids-comp-toggle-group-sm-item-font-size: var(--ids-base-type-size-sm, 0.875rem);
  --ids-comp-toggle-group-sm-item-height-min: var(--ids-base-space-80, 2rem);
  --ids-comp-toggle-group-sm-item-line-height: var(--ids-base-type-leading-compact, 1.15);
  --ids-comp-toggle-group-sm-item-padding-block: var(--ids-base-space-20, 0.5rem);
  --ids-comp-toggle-group-sm-item-padding-inline: var(--ids-base-space-20, 0.5rem);
  --ids-comp-toggle-group-lg-item-font-size: var(--ids-base-type-size-xl, 1.25rem);
  --ids-comp-toggle-group-lg-item-height-min: var(--ids-base-space-120, 3rem);
  --ids-comp-toggle-group-lg-item-padding-block: var(--ids-base-space-35, 0.875rem);
  --ids-comp-toggle-group-lg-item-padding-inline: var(--ids-base-space-40, 1rem);
  --ids-comp-toggle-group-item-animation-duration-hover: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-toggle-group-item-animation-duration-state-change: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-toggle-group-item-animation-easing-morph: var(--ids-base-easing-morph, cubic-bezier(0.4, 0.0, 0.6, 1.0));
  --ids-comp-toggle-group-item-transition-background-color: background-color var(--ids-comp-toggle-group-item-animation-duration-hover) var(--ids-comp-toggle-group-item-animation-easing-morph);
  --ids-comp-toggle-group-item-transition-border-color: border-color var(--ids-comp-toggle-group-item-animation-duration-state-change) var(--ids-comp-toggle-group-item-animation-easing-morph);
  --ids-comp-toggle-group-item-transition-color: color var(--ids-comp-toggle-group-item-animation-duration-state-change) var(--ids-comp-toggle-group-item-animation-easing-morph);
  --ids-comp-toggle-group-item-transition-box-shadow: box-shadow var(--ids-comp-toggle-group-item-animation-duration-hover) var(--ids-comp-toggle-group-item-animation-easing-morph);
  --ids-comp-toggle-group-item-transition-hover: var(--ids-comp-toggle-group-item-transition-background-color);
  --ids-comp-toggle-group-item-transition-state-change: var(--ids-comp-toggle-group-item-transition-color), var(--ids-comp-toggle-group-item-transition-border-color);
  --ids-comp-toggle-group-item-transition-focus: var(--ids-comp-toggle-group-item-transition-box-shadow);
  --ids-comp-tooltip-gap: var(--ids-base-space-40, 1rem);
  --ids-comp-tooltip-margin: var(--ids-base-space-0, 0px);
  --ids-comp-tooltip-position: fixed;
  --ids-comp-tooltip-offset: calc(var(--ids-comp-tooltip-pos-left-after-border-width) * 1.5);
  --ids-comp-tooltip-display: none;
  --ids-comp-tooltip-animation-duration-enter: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-tooltip-animation-duration-exit: var(--ids-base-duration-fastest, 100ms);
  --ids-comp-tooltip-animation-easing-enter: var(--ids-base-easing-enter, cubic-bezier(0.25, 0.46, 0.45, 0.94));
  --ids-comp-tooltip-animation-easing-exit: var(--ids-base-easing-exit, cubic-bezier(0.55, 0.06, 0.68, 0.19));
  --ids-comp-tooltip-transition-opacity-enter: opacity var(--ids-comp-tooltip-animation-duration-enter) var(--ids-comp-tooltip-animation-easing-enter);
  --ids-comp-tooltip-transition-opacity-exit: opacity var(--ids-comp-tooltip-animation-duration-exit) var(--ids-comp-tooltip-animation-easing-exit);
  --ids-comp-tooltip-transition-display: display var(--ids-comp-tooltip-animation-duration-enter) allow-discrete;
  --ids-comp-tooltip-transition-overlay: overlay var(--ids-comp-tooltip-animation-duration-exit) allow-discrete;
  --ids-comp-tooltip-transition-enter: var(--ids-comp-tooltip-transition-opacity-enter), var(--ids-comp-tooltip-transition-display), var(--ids-comp-tooltip-transition-overlay);
  --ids-comp-tooltip-transition-exit: var(--ids-comp-tooltip-transition-opacity-exit), var(--ids-comp-tooltip-transition-display) var(--ids-comp-tooltip-animation-duration-exit), var(--ids-comp-tooltip-transition-overlay);
  --ids-comp-tooltip-trigger-padding: var(--ids-base-space-0, 0px);
  --ids-comp-tooltip-background-color: var(--ids-sem-color-surface-inverse-default, #4a4a4a);
  --ids-comp-tooltip-border-radius: var(--ids-sem-size-border-radius-default, 4px);
  --ids-comp-tooltip-box-shadow: var(--ids-base-shadow-md, 0 4px 4px 0 rgba(0,0,0,0.1));
  --ids-comp-tooltip-color: var(--ids-sem-color-on-surface-inverse, #ffffff);
  --ids-comp-tooltip-font-family: var(--ids-base-type-font-sans, 'Roboto Flex', Roboto, sans-serif);
  --ids-comp-tooltip-font-size: var(--ids-base-type-size-xs, 0.75rem);
  --ids-comp-tooltip-opacity: var(--ids-base-opacity-0, 0);
  --ids-comp-tooltip-padding-block: var(--ids-base-space-15, 0.375rem);
  --ids-comp-tooltip-padding-inline: var(--ids-base-space-20, 0.5rem);
  --ids-comp-tooltip-width: 12.5rem;
  --ids-comp-tooltip-min-width: calc(var(--ids-comp-tooltip-pos-bottom-after-border-width) * 4);
  --ids-comp-tooltip-sm-line-height: var(--ids-base-type-leading-none, 1);
  --ids-comp-tooltip-sm-padding-block: calc(var(--ids-base-space-15, 0.375rem) - 1px);
  --ids-comp-tooltip-lg-font-size: var(--ids-base-type-size-sm, 0.875rem);
  --ids-comp-tooltip-lg-line-height: var(--ids-base-type-leading-snug, 1.3);
  --ids-comp-tooltip-lg-padding-block: var(--ids-base-space-20, 0.5rem);
  --ids-comp-tooltip-lg-padding-inline: var(--ids-base-space-20, 0.5rem);
  --ids-comp-tooltip-lg-content-line-height: var(--ids-base-type-leading-snug, 1.3);
  --ids-comp-tooltip-open-display: flex;
  --ids-comp-tooltip-open-opacity: var(--ids-base-opacity-100, 1.0);
  --ids-comp-tooltip-pointer-size: 8.5px;
  --ids-comp-tooltip-pointer-offset: calc(var(--ids-comp-tooltip-pointer-size) * 1.25);
  --ids-comp-tooltip-pointer-x: -50%;
  --ids-comp-tooltip-pointer-y: -50%;
  --ids-comp-tooltip-pointer-vert: top;
  --ids-comp-tooltip-pointer-horz: left;
  --ids-comp-type-h1-font-variation-settings: var(--ids-base-type-variation-width-narrower, 60), var(--ids-base-type-variation-grade-light, -64);
  --ids-comp-type-h1-letter-spacing: var(--ids-sem-typography-heading-h1-letter-spacing, -0.01em);
  --ids-comp-type-font-size: inherit;
  --ids-comp-type-line-height: var(--ids-base-type-leading-tight, 1.25);
  --ids-comp-type-li-margin-block-end: var(--ids-sem-typography-list-md-block-spacing, 1.25rem);
  --ids-comp-type-p-margin-block-end: var(--ids-base-space-40, 1rem);
  --ids-comp-type-h1-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-type-h1-font-family: var(--ids-sem-typography-heading-h1-font-family, 'Roboto Flex', Roboto, sans-serif);
  --ids-comp-type-h1-font-size: var(--ids-sem-typography-heading-h1-font-size, 1.75rem);
  --ids-comp-type-h1-font-weight: var(--ids-sem-typography-heading-h1-font-weight, 700);
  --ids-comp-type-h1-line-height: var(--ids-sem-typography-heading-h1-line-height, 1.15);
  --ids-comp-type-h1-margin-block: 0;
  --ids-comp-type-h1-margin-inline: 0;
  --ids-comp-type-h1-text-transform: var(--ids-sem-typography-heading-h1-text-case, none);
  --ids-comp-type-h2-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-type-h2-font-family: var(--ids-sem-typography-heading-h2-font-family, 'Roboto Flex', Roboto, sans-serif);
  --ids-comp-type-h2-font-size: var(--ids-sem-typography-heading-h2-font-size, 1.375rem);
  --ids-comp-type-h2-font-weight: var(--ids-sem-typography-heading-h2-font-weight, 700);
  --ids-comp-type-h2-line-height: var(--ids-sem-typography-heading-h2-line-height, 1.15);
  --ids-comp-type-h2-margin-block: 0;
  --ids-comp-type-h2-margin-inline: 0;
  --ids-comp-type-h2-text-transform: var(--ids-sem-typography-heading-h2-text-case, none);
  --ids-comp-type-h3-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-type-h3-font-family: var(--ids-sem-typography-heading-h3-font-family, 'Roboto Flex', Roboto, sans-serif);
  --ids-comp-type-h3-font-size: var(--ids-sem-typography-heading-h3-font-size, 1.25rem);
  --ids-comp-type-h3-font-weight: var(--ids-sem-typography-heading-h3-font-weight, 600);
  --ids-comp-type-h3-line-height: var(--ids-sem-typography-heading-h3-line-height, 1.2);
  --ids-comp-type-h3-margin-block: 0;
  --ids-comp-type-h3-margin-inline: 0;
  --ids-comp-type-h3-text-transform: var(--ids-sem-typography-heading-h3-text-case, none);
  --ids-comp-type-h4-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-type-h4-font-family: var(--ids-sem-typography-heading-h4-font-family, 'Roboto Flex', Roboto, sans-serif);
  --ids-comp-type-h4-font-size: var(--ids-sem-typography-heading-h4-font-size, 1.125rem);
  --ids-comp-type-h4-font-weight: var(--ids-sem-typography-heading-h4-font-weight, 500);
  --ids-comp-type-h4-line-height: var(--ids-sem-typography-heading-h4-line-height, 1.2);
  --ids-comp-type-h4-margin-block: 0;
  --ids-comp-type-h4-margin-inline: 0;
  --ids-comp-type-h4-text-transform: var(--ids-sem-typography-heading-h4-text-case, none);
  --ids-comp-type-h5-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-type-h5-font-family: var(--ids-sem-typography-heading-h5-font-family, 'Roboto Flex', Roboto, sans-serif);
  --ids-comp-type-h5-font-size: var(--ids-sem-typography-heading-h5-font-size, 1rem);
  --ids-comp-type-h5-font-weight: var(--ids-sem-typography-heading-h5-font-weight, 600);
  --ids-comp-type-h5-line-height: var(--ids-sem-typography-heading-h5-line-height, 1.2);
  --ids-comp-type-h5-margin-block: 0;
  --ids-comp-type-h5-margin-inline: 0;
  --ids-comp-type-h5-text-transform: var(--ids-sem-typography-heading-h5-text-case, none);
  --ids-comp-type-h6-color: var(--ids-sem-color-on-surface-default, #000000);
  --ids-comp-type-h6-font-family: var(--ids-sem-typography-heading-h6-font-family, 'Roboto Flex', Roboto, sans-serif);
  --ids-comp-type-h6-font-size: var(--ids-sem-typography-heading-h6-font-size, 0.875rem);
  --ids-comp-type-h6-font-weight: var(--ids-sem-typography-heading-h6-font-weight, 600);
  --ids-comp-type-h6-line-height: var(--ids-sem-typography-heading-h6-line-height, 1.2);
  --ids-comp-type-h6-margin-block: 0;
  --ids-comp-type-h6-margin-inline: 0;
  --ids-comp-type-h6-text-transform: var(--ids-sem-typography-heading-h6-text-case, none);
  --ids-comp-type-line-height-xxs: var(--ids-base-type-leading-snug, 1.3);
  --ids-comp-type-line-height-xs: var(--ids-base-type-leading-snug, 1.3);
  --ids-comp-type-line-height-sm: var(--ids-base-type-leading-snug, 1.3);
  --ids-comp-type-line-height-md: var(--ids-base-type-leading-tight, 1.25);
  --ids-comp-type-line-height-lg: var(--ids-base-type-leading-tight, 1.25);
  --ids-comp-type-font-size-xxs: var(--ids-base-type-size-xxs, 0.625rem);
  --ids-comp-type-font-size-xs: var(--ids-base-type-size-xs, 0.75rem);
  --ids-comp-type-font-size-sm: var(--ids-base-type-size-sm, 0.875rem);
  --ids-comp-type-font-size-md: var(--ids-base-type-size-md, 1rem);
  --ids-comp-type-font-size-lg: var(--ids-base-type-size-lg, 1.125rem);
  --ids-comp-type-li-xxs-margin-block-end: var(--ids-sem-typography-list-xxs-block-spacing);
  --ids-comp-type-li-xs-margin-block-end: var(--ids-sem-typography-list-xs-block-spacing);
  --ids-comp-type-li-sm-margin-block-end: var(--ids-sem-typography-list-sm-block-spacing);
  --ids-comp-type-li-md-margin-block-end: var(--ids-sem-typography-list-md-block-spacing);
  --ids-comp-type-li-lg-margin-block-end: var(--ids-sem-typography-list-lg-block-spacing);
  --ids-focus-ring: var(--ids-sem-ring-focus, 0 0 0 2px #ffffff, 0 0 0 4px #005ba8);
}
.\!container {
  width: 100% !important;
  margin-right: auto !important;
  margin-left: auto !important;
}
.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 480px) {

  .\!container {
    max-width: 480px !important;
  }

  .container {
    max-width: 480px;
  }
}
@media (min-width: 680px) {

  .\!container {
    max-width: 680px !important;
  }

  .container {
    max-width: 680px;
  }
}
@media (min-width: 960px) {

  .\!container {
    max-width: 960px !important;
  }

  .container {
    max-width: 960px;
  }
}
@media (min-width: 1168px) {

  .\!container {
    max-width: 1168px !important;
  }

  .container {
    max-width: 1168px;
  }
}
@media (min-width: 1360px) {

  .\!container {
    max-width: 1360px !important;
  }

  .container {
    max-width: 1360px;
  }
}
@media (min-width: 1457px) {

  .\!container {
    max-width: 1457px !important;
  }

  .container {
    max-width: 1457px;
  }
}
@media (min-width: 1536px) {

  .\!container {
    max-width: 1536px !important;
  }

  .container {
    max-width: 1536px;
  }
}
.prose {
  color: #000000;
  max-width: 80ch;
}
.prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 20px;
  font-family: 'Roboto Flex', Roboto, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.25;
  text-case: none;
  text-decoration: none;
}
.prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-lead);
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}
.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-links);
  text-decoration: underline;
  font-weight: 500;
}
.prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-bold);
  font-weight: 600;
  font-family: 'Roboto Flex', Roboto, sans-serif;
  font-size: 1rem;
  letter-spacing: normal;
  line-height: 1.25;
  margin-bottom: 20px;
  text-case: none;
  text-decoration: none;
}
.prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: decimal;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}
.prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-alpha;
}
.prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-alpha;
}
.prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-alpha;
}
.prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-alpha;
}
.prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-roman;
}
.prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-roman;
}
.prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-roman;
}
.prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-roman;
}
.prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: decimal;
}
.prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: disc;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}
.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
  font-weight: 400;
  color: var(--tw-prose-counters);
}
.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
  color: var(--tw-prose-bullets);
}
.prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.25em;
}
.prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-color: var(--tw-prose-hr);
  border-top-width: 1px;
  margin-top: 3em;
  margin-bottom: 3em;
}
.prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 500;
  font-style: italic;
  color: var(--tw-prose-quotes);
  border-inline-start-width: 0.25rem;
  border-inline-start-color: var(--tw-prose-quote-borders);
  quotes: "\201C""\201D""\2018""\2019";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-inline-start: 1em;
}
.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: open-quote;
}
.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
  content: close-quote;
}
.prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 700;
  font-size: 1.75rem;
  margin-top: 0;
  margin-bottom: 0.8888889em;
  line-height: 1.15;
  font-family: 'Roboto Flex', Roboto, sans-serif;
  letter-spacing: -0.01em;
  text-case: none;
}
.prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 900;
  color: inherit;
}
.prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 700;
  font-size: 1.375rem;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.15;
  font-family: 'Roboto Flex', Roboto, sans-serif;
  letter-spacing: normal;
  text-case: none;
}
.prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 800;
  color: inherit;
}
.prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  font-size: 1.25rem;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.2;
  font-family: 'Roboto Flex', Roboto, sans-serif;
  letter-spacing: normal;
  text-case: none;
}
.prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 700;
  color: inherit;
}
.prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 500;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.2;
  font-family: 'Roboto Flex', Roboto, sans-serif;
  font-size: 1.125rem;
  letter-spacing: normal;
  text-case: none;
}
.prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 700;
  color: inherit;
}
.prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  display: block;
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 500;
  font-family: inherit;
  color: var(--tw-prose-kbd);
  box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
  font-size: 0.875em;
  border-radius: 0.3125rem;
  padding-top: 0.1875em;
  padding-inline-end: 0.375em;
  padding-bottom: 0.1875em;
  padding-inline-start: 0.375em;
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-code);
  font-weight: 600;
  font-size: 0.875em;
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: "`";
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
  content: "`";
}
.prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
  font-size: 0.875em;
}
.prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
  font-size: 0.9em;
}
.prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-pre-code);
  background-color: var(--tw-prose-pre-bg);
  overflow-x: auto;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  padding-top: 0.8571429em;
  padding-inline-end: 1.1428571em;
  padding-bottom: 0.8571429em;
  padding-inline-start: 1.1428571em;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: none;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
  content: none;
}
.prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  width: 100%;
  table-layout: auto;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 0.875em;
  line-height: 1.7142857;
}
.prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-th-borders);
}
.prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  vertical-align: bottom;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}
.prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-td-borders);
}
.prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-bottom-width: 0;
}
.prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  vertical-align: baseline;
}
.prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-top-width: 1px;
  border-top-color: var(--tw-prose-th-borders);
}
.prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  vertical-align: top;
}
.prose :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  text-align: start;
}
.prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}
.prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-captions);
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}
.prose {
  --tw-prose-body: #374151;
  --tw-prose-headings: #111827;
  --tw-prose-lead: #4b5563;
  --tw-prose-links: #111827;
  --tw-prose-bold: #111827;
  --tw-prose-counters: #6b7280;
  --tw-prose-bullets: #d1d5db;
  --tw-prose-hr: #e5e7eb;
  --tw-prose-quotes: #111827;
  --tw-prose-quote-borders: #e5e7eb;
  --tw-prose-captions: #6b7280;
  --tw-prose-kbd: #111827;
  --tw-prose-kbd-shadows: rgb(17 24 39 / 10%);
  --tw-prose-code: #111827;
  --tw-prose-pre-code: #e5e7eb;
  --tw-prose-pre-bg: #1f2937;
  --tw-prose-th-borders: #d1d5db;
  --tw-prose-td-borders: #e5e7eb;
  --tw-prose-invert-body: #d1d5db;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #9ca3af;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #9ca3af;
  --tw-prose-invert-bullets: #4b5563;
  --tw-prose-invert-hr: #374151;
  --tw-prose-invert-quotes: #f3f4f6;
  --tw-prose-invert-quote-borders: #374151;
  --tw-prose-invert-captions: #9ca3af;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%);
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d1d5db;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #4b5563;
  --tw-prose-invert-td-borders: #374151;
  font-size: 1rem;
  line-height: 1.75;
}
.prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}
.prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.5em;
  margin-bottom: 12px;
  font-family: 'Roboto Flex', Roboto, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.25;
  text-case: none;
  text-decoration: none;
}
.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0.375em;
}
.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0.375em;
}
.prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
}
.prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}
.prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
}
.prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}
.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
.prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.5em;
  padding-inline-start: 1.625em;
}
.prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}
.prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}
.prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}
.prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}
.prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0;
}
.prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-end: 0;
}
.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-top: 0.5714286em;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}
.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0;
}
.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-end: 0;
}
.prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}
.prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 0;
}
.prose {
  font-family: 'Roboto Flex', Roboto, sans-serif;
}
.prose :where(h5):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-family: 'Roboto Flex', Roboto, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: normal;
  line-height: 1.2;
  text-case: none;
}
.prose :where(h6):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-family: 'Roboto Flex', Roboto, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: normal;
  line-height: 1.2;
  text-case: none;
}
.prose :where(.link-stand-alone):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  display: block;
  font-family: 'Roboto Flex', Roboto, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: normal;
  line-height: 1.25;
  margin-bottom: 20px;
  text-case: none;
  text-decoration: none;
}
.prose :where(a, .link):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-family: 'Roboto Flex', Roboto, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: normal;
  line-height: 1.25;
  text-case: none;
  text-decoration: underline;
}
.prose :where(label):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-family: 'Roboto Flex', Roboto, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.15;
  text-case: none;
  text-decoration: none;
}
.prose-sm :where(a, .link):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-family: 'Roboto Flex', Roboto, sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: normal;
  line-height: 1.3;
  text-case: none;
  text-decoration: underline;
}
.prose-lg :where(a, .link):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-family: 'Roboto Flex', Roboto, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: normal;
  line-height: 1.25;
  text-case: none;
  text-decoration: underline;
}
.prose-xs :where(a, .link):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-family: 'Roboto Flex', Roboto, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: normal;
  line-height: 1.3;
  text-case: none;
  text-decoration: underline;
}
.prose-xxs :where(a, .link):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-family: 'Roboto Flex', Roboto, sans-serif;
  font-size: 0.625rem;
  font-weight: 500;
  letter-spacing: normal;
  line-height: 1.3;
  text-case: none;
  text-decoration: underline;
}
.ids-chip .icon {
  width: var(--ids-comp-chip-icon-width);
  height: var(--ids-comp-chip-icon-height);
}
button[aria-expanded="true"] svg {
  transform: rotate(180deg);
}
@keyframes pulse {

  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.4;
  }

  100% {
    opacity: 1;
  }
}
@keyframes spinner-rotate {

  0% {
    transform: rotate(0deg);
  }

  50% {
    transform: rotate(180deg);
  }

  100% {
    transform: rotate(720deg);
  }
}
@keyframes spinner-dash {

  0% {
    stroke-dasharray: 12.566370614359172 238.76104167282426;
  }

  50% {
    stroke-dasharray: 188.4955592153876 62.83185307179585;
  }

  100% {
    stroke-dasharray: 12.566370614359172 238.76104167282426;
  }
}
.ids-chip .icon {
  width: var(--ids-comp-chip-icon-width);
  height: var(--ids-comp-chip-icon-height);
}
button[aria-expanded="true"] svg {
  transform: rotate(180deg);
}
@keyframes pulse {

  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.4;
  }

  100% {
    opacity: 1;
  }
}
@keyframes spinner-rotate {

  0% {
    transform: rotate(0deg);
  }

  50% {
    transform: rotate(180deg);
  }

  100% {
    transform: rotate(720deg);
  }
}
@keyframes spinner-dash {

  0% {
    stroke-dasharray: 12.566370614359172 238.76104167282426;
  }

  50% {
    stroke-dasharray: 188.4955592153876 62.83185307179585;
  }

  100% {
    stroke-dasharray: 12.566370614359172 238.76104167282426;
  }
}
.visible {
  visibility: visible;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.isolate {
  isolation: isolate;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mt-0\.5 {
  margin-top: 0.125rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.h-4 {
  height: 1rem;
}
.w-16 {
  width: 4rem;
}
.w-20 {
  width: 5rem;
}
.w-36 {
  width: 9rem;
}
.w-4 {
  width: 1rem;
}
.w-44 {
  width: 11rem;
}
.w-full {
  width: 100%;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-full {
  min-width: 100%;
}
.max-w-3xl {
  max-width: 48rem;
}
.max-w-6xl {
  max-width: 72rem;
}
.max-w-\[220px\] {
  max-width: 220px;
}
.max-w-sm {
  max-width: 24rem;
}
.flex-1 {
  flex: 1 1 0%;
}
.shrink-0 {
  flex-shrink: 0;
}
.border-collapse {
  border-collapse: collapse;
}
.cursor-pointer {
  cursor: pointer;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-1\.5 {
  gap: 0.375rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-\[2px\] {
  gap: 2px;
}
.gap-x-2 {
  column-gap: 0.5rem;
}
.gap-x-6 {
  column-gap: 1.5rem;
}
.gap-x-8 {
  column-gap: 2rem;
}
.gap-y-1 {
  row-gap: 0.25rem;
}
.gap-y-2 {
  row-gap: 0.5rem;
}
.gap-y-3 {
  row-gap: 0.75rem;
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-divide-opacity, 1));
}
.divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(178 178 178 / var(--tw-divide-opacity, 1));
}
.divide-gray-900 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(51 51 51 / var(--tw-divide-opacity, 1));
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-x-auto {
  overflow-x: auto;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.rounded {
  border-radius: 4px;
}
.rounded-full {
  border-radius: 9999px;
}
.border {
  border-width: 1px;
}
.border-2 {
  border-width: 2px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-l {
  border-left-width: 1px;
}
.border-t {
  border-top-width: 1px;
}
.border-t-2 {
  border-top-width: 2px;
}
.border-blue-600 {
  --tw-border-opacity: 1;
  border-color: rgb(35 114 184 / var(--tw-border-opacity, 1));
}
.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
}
.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(178 178 178 / var(--tw-border-opacity, 1));
}
.border-gray-900 {
  --tw-border-opacity: 1;
  border-color: rgb(51 51 51 / var(--tw-border-opacity, 1));
}
.border-purple-500 {
  --tw-border-opacity: 1;
  border-color: rgb(143 114 195 / var(--tw-border-opacity, 1));
}
.bg-blue-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(204 232 255 / var(--tw-bg-opacity, 1));
}
.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(204 204 204 / var(--tw-bg-opacity, 1));
}
.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 244 / var(--tw-bg-opacity, 1));
}
.bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 214 207 / var(--tw-bg-opacity, 1));
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pt-4 {
  padding-top: 1rem;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.align-middle {
  vertical-align: middle;
}
.text-\[13px\] {
  font-size: 13px;
}
.text-\[15px\] {
  font-size: 15px;
}
.text-\[16px\] {
  font-size: 16px;
}
.text-\[18px\] {
  font-size: 18px;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg {
  font-size: 1.125rem;
}
.text-sm {
  font-size: 0.875rem;
}
.font-bold {
  font-weight: 700;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.tracking-wide {
  letter-spacing: 0.02em;
}
.text {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(35 114 184 / var(--tw-text-opacity, 1));
}
.text-blue-700 {
  --tw-text-opacity: 1;
  color: rgb(0 91 168 / var(--tw-text-opacity, 1));
}
.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(130 130 130 / var(--tw-text-opacity, 1));
}
.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(109 109 109 / var(--tw-text-opacity, 1));
}
.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(90 90 90 / var(--tw-text-opacity, 1));
}
.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.text-red-700 {
  --tw-text-opacity: 1;
  color: rgb(177 29 35 / var(--tw-text-opacity, 1));
}
.accent-blue-600 {
  accent-color: #2372b8;
}
.shadow-sm {
  --tw-shadow: 0 2px 2px 0 rgba(0,0,0,0.1);
  --tw-shadow-colored: 0 2px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.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);
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  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(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;
}

/* Interstate's inputs already draw their own focus border on the outer container (via
   emotion-injected styles on .MuiOutlinedInput-notchedOutline). @interstate/tailwind-preset's
   Preflight layer adds a default focus ring (box-shadow, driven by the --tw-ring-* vars) to
   every native input/select/textarea — that ring is what actually renders as a second, smaller
   blue box nested inside Interstate's own border (outline was already transparent, so setting
   outline:none alone did nothing). Kill both, !important because emotion's \3c style> tags are
   inserted at runtime, after this stylesheet, so they'd otherwise win ties on equal specificity. */
input:focus,
textarea:focus,
select:focus,
.MuiOutlinedInput-input:focus {
  box-shadow: none !important;
}
.hover\:bg-blue-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(235 246 255 / var(--tw-bg-opacity, 1));
}
.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}
.disabled\:text-gray-400:disabled {
  --tw-text-opacity: 1;
  color: rgb(149 149 149 / var(--tw-text-opacity, 1));
}
@media (min-width: 480px) {

  .sm\:grid-cols-\[1fr_1fr_1\.4fr\] {
    grid-template-columns: 1fr 1fr 1.4fr;
  }

  .sm\:p-6 {
    padding: 1.5rem;
  }
}
/* The CRA leftovers (.App-logo, .App-header, .App-link and the spin keyframes) were removed —
   they referenced src/logo.svg, which no longer exists, and nothing else used them. */

.App {
  max-width: 80rem;
  margin: 0 auto;
  padding: 1.5rem;
  text-align: left;
}