.u-visually-hidden {
  position: absolute !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

@keyframes slideFromTop {
  from {
    transform: translateY(-100vh);
  }
  to {
    transform: translateX(0vh);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slideFromRight {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0%);
  }
}
@keyframes slideFromLeft {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0%);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.large-text {
  font-size: var(--text-large-size, 1.25rem);
}

.small-text {
  font-size: var(--text-small-size, 0.875rem);
}

.tiny-text {
  font-size: var(--text-tiny-size, 0.75rem);
}

.u-overflow-ellipsis {
  width: 100%;
  overflow: clip;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-clip-margin: var(--overflow-clip-margin, 0.25rem);
}
.u-overflow-ellipsis > button {
  --a-button-display-override: inline-block;
  width: 100%;
  overflow: clip;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@supports not (overflow-clip-margin: 1px) {
  .u-overflow-ellipsis > button {
    --focus-offset: calc(-2rem / 16);
  }
}
.u-bigger-click {
  position: relative;
}
.u-bigger-click:has(a:hover) {
  background-color: var(--bigger-click-hover-background-color);
}
.u-bigger-click:has(a:focus-visible) {
  background-color: var(--bigger-click-focus-background-color);
}
.u-bigger-click a::before {
  content: "";
  position: absolute;
  inset: 0;
  outline-offset: 0;
}
.u-bigger-click a:focus-visible {
  outline: none;
}
.u-bigger-click a:focus-visible::before {
  outline: var(--focus-outline);
  outline-offset: var(--focus-offset);
}

@media print {
  .u-print--hide {
    display: none !important;
  }
}
*,
*:before,
*:after {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
  margin: 0;
}

body {
  font-family: var(--font-body);
  font-size: 1rem;
  line-height: 1.3;
}

h1:focus {
  outline: none;
}

h1, h2 {
  color: var(--heading-color, inherit);
}
h1 em, h2 em {
  color: var(--heading-emphasis-color);
}

:root {
  --button-transition-duration: var(--root-transition-duration);
  --button-transition-timing-function: var(--root-transition-timing-function);
}

button {
  all: unset;
  appearance: none;
  user-select: none;
  display: inline-block;
  box-sizing: border-box;
  cursor: default;
  margin: 0;
  color: var(--button-color, inherit);
  background-color: var(--button-background-color, inherit);
  border-style: var(--button-border-style, revert);
  border-width: var(--button-border-top-width, var(--button-border-width, revert)) var(--button-border-right-width, var(--button-border-width, revert)) var(--button-border-bottom-width, var(--button-border-width, revert)) var(--button-border-left-width, var(--button-border-width, revert));
  border-color: var(--button-border-color, revert);
  border-radius: var(--button-border-top-left-radius, var(--button-border-radius)) var(--button-border-top-right-radius, var(--button-border-radius)) var(--button-border-bottom-right-radius, var(--button-border-radius)) var(--button-border-bottom-left-radius, var(--button-border-radius));
  outline: var(--button-outline);
  outline-offset: var(--button-focus-initial-offset, 0rem);
  transition-property: var(--button-transition-property, all);
  transition-duration: var(--button-transition-duration, initial);
  transition-timing-function: var(--button-transition-timing-function, ease-out);
}
button:hover {
  color: var(--button-hover-color, var(--button-color, inherit));
  background-color: var(--button-hover-background-color, var(--button-background-color, inherit));
  border-color: var(--button-hover-border-color, var(--button-border-color, currentColor));
}
button:focus:not(:focus-visible) {
  outline: none;
}
button:focus-visible {
  outline: var(--_button-switch-focus-outline, var(--focus-outline, initial));
  outline-offset: var(--focus-offset, initial);
  box-shadow: var(--button-focus-inner-shadow, initial);
}
button[aria-current=true] {
  color: var(--button-selected-color, var(--button-color, inherit));
  background-color: var(--button-selected-background-color);
  border-color: var(--button-selected-border-color);
}
button[aria-current=true]:hover {
  background-color: var(--button-selected-background-color);
  border-color: var(--button-selected-border-color);
}
button[aria-selected=true], button[aria-expanded=true], button[aria-pressed=true] {
  color: var(--button-selected-color, var(--button-color, inherit));
  background-color: var(--button-selected-background-color);
  border-color: var(--button-selected-border-color);
}
button[aria-selected=true]:hover, button[aria-expanded=true]:hover, button[aria-pressed=true]:hover {
  background-color: var(--button-selected-hover-background-color, var(--button-selected-background-color));
  border-color: var(--button-selected-hover-border-color, var(--button-selected-border-color));
}
button:disabled {
  color: var(--button-disabled-color, inherit);
  background-color: var(--button-disabled-background-color, var(--button-background-color, inherit));
  border-color: var(--button-disabled-border-color, currentColor);
  cursor: not-allowed;
}

dialog {
  padding: 0;
  margin: 0;
  border: none;
}
dialog::backdrop {
  background-color: var(--dialog-backdrop-color, rgba(0, 0, 0, 0.7));
}
dialog[open] {
  display: var(--dialog-open-display, block);
}
dialog[open]::backdrop {
  animation: fadeIn 0.4s ease;
  backdrop-filter: blur(1px);
}

[popover] {
  margin-block: var(--popover-margin-block, 0) !important;
  margin-inline: var(--popover-margin-inline, 0) !important;
  padding-block: var(--popover-padding-block, 0);
  padding-inline: var(--popover-padding-inline, 0);
  background-color: var(--popover-background-color, canvas);
  border-style: var(--popover-border-style, none);
  inset: var(--popover-inset, auto);
}
[popover]:not(:popover-open) {
  display: none !important;
}

:root {
  --link-transition-duration: var(--root-transition-duration);
  --link-transition-timing-function: var(--root-transition-timing-function);
}

a {
  box-sizing: border-box;
  border-style: var(--link-border-style, revert);
  border-width: var(--link-border-width, revert);
  border-color: var(--link-border-color, revert);
  border-radius: var(--link-border-radius);
  outline: var(--link-outline);
  outline-offset: var(--link-focus-initial-offset, 0rem);
  transition-property: var(--link-transition-property, all);
  transition-duration: var(--link-transition-duration, initial);
  transition-timing-function: var(--link-transition-timing-function, ease-out);
  text-decoration-thickness: from-font;
}
a:link {
  color: var(--link-color, inherit);
  background-color: var(--link-background-color, inherit);
  border-color: var(--link-border-color, revert);
  text-decoration: var(--link-text-decoration, revert);
}
a:visited {
  color: var(--link-color, inherit);
  background-color: var(--link-background-color, inherit);
}
a:hover {
  color: var(--link-hover-color, var(--link-color, inherit));
  background-color: var(--link-hover-background-color, var(--link-background-color, inherit));
  border-color: var(--link-hover-border-color, var(--link-border-color, currentColor));
  text-decoration: var(--link-hover-text-decoration, var(--link-text-decoration));
}
a:focus:not(:focus-visible) {
  outline: none;
}
a:focus-visible {
  outline: var(--_link-switch-focus-outline, var(--focus-outline, initial));
  outline-offset: var(--focus-offset, initial);
  box-shadow: var(--link-focus-inner-shadow, initial);
}
a[aria-current] {
  color: var(--link-selected-color, var(--link-color, inherit));
  background-color: var(--link-selected-background-color);
  border-color: var(--link-selected-border-color);
  text-decoration: var(--link-selected-text-decoration, var(--link-text-decoration));
}
a[aria-current]:hover {
  background-color: var(--link-selected-hover-background-color, var(--link-selected-background-color));
  border-color: var(--link-selected-hover-border-color, var(--link-selected-border-color));
  text-decoration: var(--link-selected-hover-text-decoration, var(--link-text-decoration));
}

[hidden] {
  display: none !important;
}

ul,
ol {
  --_list-block-gap: var(--list-block-gap, calc(10rem / 16));
  padding-inline: 0;
  margin-block: 0;
}
ul li > *,
ol li > * {
  margin-top: var(--_list-block-gap);
}
ul li + li,
ol li + li {
  margin-top: var(--_list-block-gap);
}

ul:where([role=list]) > *,
ol:where([role=list]) > * {
  --_list-block-gap: var(--list-block-gap, 0);
  list-style-type: none;
}

ul:where(:not([role])) {
  list-style-position: outside;
  margin-left: var(--list-left-margin, 1rem);
}
ul:where(:not([role])) li::marker {
  font-size: inherit;
  color: var(--list-marker-color, inherit);
}
ul:where(:not([role])) li ul > li {
  list-style-type: circle;
}
ul:where(:not([role])) li li ul > li {
  list-style-type: disc;
}
ul:where(:not([role])) li li li ul > li {
  list-style-type: circle;
}

input:where(:not([type]), [type=number], [type=text], [type=search], [type=password], [type=email], [type=tel], [type=url]) {
  margin-block: 0;
  padding-inline: var(--input-padding-inline-start) var(--input-padding-inline-end);
  font-family: inherit;
  font-size: max(var(--input-font-size), 16px);
  color: var(--input-color, black);
  background-color: var(--input-background-color, white);
  border: solid var(--input-border-width, thin) var(--input-border-color, black);
}
input:where(:not([type]), [type=number], [type=text], [type=search], [type=password], [type=email], [type=tel], [type=url]):hover {
  border-color: var(--input-hover-border-color, var(--input-border-color));
}
input:where(:not([type]), [type=number], [type=text], [type=search], [type=password], [type=email], [type=tel], [type=url]):focus {
  border-color: var(--input-border-color, black);
  outline: var(--focus-outline);
  outline-offset: var(--focus-offset);
}
input:where(:not([type]), [type=number], [type=text], [type=search], [type=password], [type=email], [type=tel], [type=url])[aria-invalid=true] {
  border-color: var(--input-invalid-border-color);
}
input:where(:not([type]), [type=number], [type=text], [type=search], [type=password], [type=email], [type=tel], [type=url]):disabled {
  border-color: var(--input-disabled-border-color, var(--input-border-color));
  background-color: var(--input-disabled-background-color, var(--input-background-color));
}
input:where(:not([type]), [type=number], [type=text], [type=search], [type=password], [type=email], [type=tel], [type=url])::placeholder {
  color: var(--input-placeholder-color);
  opacity: 1;
}

[type=search]::-webkit-search-cancel-button {
  display: none;
}

[type=radio] {
  appearance: none;
  position: relative;
  display: inline-block;
  background-size: auto;
  border-width: thin;
  border-style: solid;
  margin: 0;
  vertical-align: top;
  width: var(--radio-input-size, 1em);
  height: var(--radio-input-size, 1em);
  border-radius: var(--radio-border-radius, 50%);
  background-color: var(--_radio-checked-background-color, var(--radio-unchecked-background-color, white));
  border-color: var(--_radio-checked-border-color, var(--radio-unchecked-border-color, currentColor));
}
[type=radio]:checked::before {
  content: "";
  display: block;
  background-color: var(--radio-checkmark-background-color, currentColor);
  border-radius: 50%;
  aspect-ratio: 1/1;
  transform: scale(var(--radio-checkmark-scale, 0.5));
}
[type=radio]:checked {
  --_radio-checked-background-color: var(--radio-checked-background-color);
  --_radio-checked-border-color: var(--radio-checked-border-color);
}
[type=radio]:hover {
  --radio-unchecked-background-color: var(--radio-unchecked-hover-background-color);
  --radio-unchecked-border-color: var(--radio-unchecked-hover-border-color);
}
[type=radio]:focus-visible, [type=radio]:focus:not(:focus-visible) {
  outline: none;
}
:where(fieldset)[aria-invalid=true] [type=radio] {
  --radio-unchecked-background-color: var(--radio-unchecked-invalid-background-color);
  --radio-unchecked-border-color: var(--radio-unchecked-invalid-border-color);
}
:where(fieldset)[aria-invalid=true] [type=radio]:where(:hover) {
  --radio-unchecked-background-color: var(--radio-unchecked-invalid-hover-background-color);
  --radio-unchecked-border-color: var(--radio-unchecked-invalid-hover-border-color);
}
[type=radio] {
  /* disabled overrides other states */
}
[type=radio]:disabled {
  --radio-unchecked-background-color: var(--radio-checked-disabled-background-color);
  --radio-unchecked-border-color: var(--radio-checked-disabled-border-color);
  --radio-checked-background-color: var(--radio-checked-disabled-background-color);
  --radio-checked-border-color: var(--radio-checked-disabled-border-color);
  --radio-checkmark-background-color: var(--radio-disabled-checkmark-background-color);
}

[type=checkbox] {
  appearance: none;
  position: relative;
  display: inline-block;
  background-size: auto;
  border-width: thin;
  border-style: solid;
  margin: 0;
  vertical-align: top;
  width: var(--checkbox-input-size, 1em);
  height: var(--checkbox-input-size, 1em);
  border-radius: var(--checkbox-border-radius, 0);
  background-color: var(--_checkbox-checked-background-color, var(--checkbox-unchecked-background-color, white));
  border-color: var(--_checkbox-checked-border-color, var(--checkbox-unchecked-border-color, currentColor));
}
[type=checkbox]:checked {
  background-image: var(--checkbox-checkmark);
  --_checkbox-checked-background-color: var(--checkbox-checked-background-color);
  --_checkbox-checked-border-color: var(--checkbox-checked-border-color);
}
[type=checkbox]:checked:where(:hover) {
  --_checkbox-checked-background-color: var(--checkbox-checked-hover-background-color);
  --_checkbox-checked-border-color: var(--checkbox-checked-hover-border-color);
}
[type=checkbox]:hover {
  --checkbox-unchecked-background-color: var(--checkbox-unchecked-hover-background-color);
  --checkbox-unchecked-border-color: var(--checkbox-unchecked-hover-border-color);
  --checkbox-checked-background-color: var(--checkbox-checked-hover-background-color);
  --checkbox-checked-border-color: var(--checkbox-checked-hover-border-color);
}
[type=checkbox]:focus-visible, [type=checkbox]:focus:not(:focus-visible) {
  outline: none;
}
[type=checkbox][aria-invalid=true], :where(fieldset)[aria-invalid=true] [type=checkbox] {
  --checkbox-unchecked-background-color: var(--checkbox-unchecked-invalid-background-color);
  --checkbox-unchecked-border-color: var(--checkbox-unchecked-invalid-border-color);
}
[type=checkbox][aria-invalid=true]:where(:hover), :where(fieldset)[aria-invalid=true] [type=checkbox]:where(:hover) {
  --checkbox-unchecked-background-color: var(--checkbox-unchecked-invalid-hover-background-color);
  --checkbox-unchecked-border-color: var(--checkbox-unchecked-invalid-hover-border-color);
}
[type=checkbox] {
  /* disabled overrides other states */
}
[type=checkbox]:disabled {
  --checkbox-checkmark: var(--checkbox-disabled-checkmark);
  --checkbox-unchecked-background-color: var(--checkbox-unchecked-disabled-background-color);
  --checkbox-unchecked-border-color: var(--checkbox-unchecked-disabled-border-color);
  --checkbox-checked-background-color: var(--checkbox-checked-disabled-background-color);
  --checkbox-checked-border-color: var(--checkbox-checked-disabled-border-color);
  --checkbox-checked-hover-background-color: var(--checkbox-unchecked-disabled-background-color);
  --checkbox-checked-hover-border-color: var(--checkbox-unchecked-disabled-background-color);
}

dl {
  margin-block: 0;
}

dd {
  margin-inline: 0;
}

textarea {
  display: block;
  font: inherit;
  margin-block: 0;
  resize: var(--textarea-resize, vertical);
  padding-block: var(--input-padding-block);
  padding-inline: var(--input-padding-inline-start) var(--input-padding-inline-end);
  color: var(--input-color, black);
  background-color: var(--input-background-color, white);
  border: solid thin var(--input-border-color, black);
}
textarea:hover {
  border-color: var(--input-hover-border-color, var(--input-border-color));
}
textarea:focus {
  border-color: var(--input-border-color, black);
  outline: var(--focus-outline);
  outline-offset: var(--focus-offset);
}
textarea[aria-invalid=true] {
  border-color: var(--input-invalid-border-color);
}
textarea:disabled {
  border-color: var(--input-disabled-border-color, var(--input-border-color));
  background-color: var(--input-disabled-background-color, var(--input-background-color));
}
textarea::placeholder {
  color: var(--input-placeholder-color);
  opacity: 1;
}

select {
  appearance: none;
  display: block;
  margin: 0;
  font-family: var(--select-font-family, inherit);
  font-size: max(var(--select-font-size, var(--input-font-size)), 16px);
  line-height: var(--select-line-height, 1.3);
  width: auto;
  max-width: 100%;
  box-sizing: border-box;
  padding-block: var(--select-padding-block-start) var(--select-padding-block-end);
  padding-inline: var(--select-padding-inline-start) var(--select-padding-inline-end);
  color: var(--input-color, black);
  background-color: var(--input-background-color, white);
  border: solid var(--input-border-width, thin) var(--input-border-color, currentColor);
  border-radius: var(--select-border-radius, 0);
  background-image: var(--select-icon-image);
  background-repeat: no-repeat;
  background-position: right var(--select-icon-right-position, 0.5em) top var(--select-icon-top-position, 50%);
  background-size: var(--select-icon-size, 1rem) auto;
}
select:hover {
  border-color: var(--input-hover-border-color, var(--input-border-color));
}
select:focus {
  border-color: var(--input-border-color, black);
  outline: var(--focus-outline);
  outline-offset: var(--focus-offset, unset);
}
select[aria-invalid=true] {
  background-image: var(--select-error-icon-image, var(--select-icon-image));
  border-color: var(--input-invalid-border-color);
}
select:disabled {
  background-image: var(--select-disabled-icon-image, var(--select-icon-image));
  border-color: var(--input-disabled-border-color, var(--input-border-color));
  background-color: var(--input-disabled-background-color, var(--input-background-color));
}
select:has(option[value=""]:checked):not(:focus) {
  color: var(--input-placeholder-color);
}
select option {
  font-weight: normal;
}

fieldset {
  border: none;
  margin: 0;
  padding: 0;
  min-width: 0;
  width: 100%;
}

legend {
  padding: 0;
}

table {
  border: var(--table-border, none);
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1rem;
  line-height: 1.3;
  caption-side: top;
  --_table-cell-align: left;
  --_table-cell-padding-inline-start: var(--table-cell-padding-inline-start);
  --_table-cell-padding-inline-end: var(--table-cell-padding-inline-end);
  --_table-cell-secondary-color: var(--table-body-cell-secondary-color);
}

thead {
  --_table-cell-font-size: var(--table-columnheader-font-size);
  --_table-cell-font-weight: var(--table-columnheader-font-weight);
  --_table-cell-color: var(--table-columnheader-color);
  --_table-cell-background-color: var(--table-columnheader-background-color);
  --_table-cell-padding-block: var(--table-columnheader-padding-block);
  --_table-cell-width: var(--table-cell-width, auto);
  --_table-cell-border-block-start: var(--table-columnheader-border-block-start);
  --_table-cell-border-block-end: var(--table-columnheader-border-block-end);
}

tbody {
  --_table-cell-font-size: var(--table-body-cell-font-size);
  --_table-cell-font-weight: var(--table-body-cell-font-weight);
  --_table-cell-color: var(--table-body-cell-color);
  --_table-cell-background-color: var(--table-body-cell-background-color);
  --_table-cell-padding-block: var(--table-body-cell-padding-block);
  --_table-cell-border-block-start: var(--table-body-cell-border-block-start);
  --_table-cell-border-block-end: var(--table-body-cell-border-block-end);
}
tbody tr:where(:last-child) {
  --_table-cell-border-block-end: var(--table-border);
}
tbody th {
  --_table-cell-color: var(--table-rowheader-color, var(--table-body-cell-color));
  --_table-cell-font-weight: var(--table-rowheader-font-weight, var(--table-body-cell-font-weight));
}

tfoot {
  --_table-cell-font-size: var(--table-foot-cell-font-size);
  --_table-cell-font-weight: var(--table-foot-cell-font-weight);
  --_table-cell-color: var(--table-foot-cell-color);
  --_table-cell-background-color: var(--table-foot-cell-background-color);
  --_table-cell-padding-block: var(--table-foot-cell-padding-block);
  --_table-cell-border-block-start: var(--table-foot-cell-border-block-start);
  --_table-cell-border-block-end: var(--table-foot-cell-border-block-end);
  --_table-cell-border-inline: var(--table-foot-cell-border-inline);
}
tfoot th {
  --_table-cell-color: var(--table-footheader-color, var(--table-body-cell-color));
  --_table-cell-font-weight: var(--table-footheader-font-weight, var(--table-body-cell-font-weight));
}

caption {
  font-size: var(--table-caption-font-size);
  font-weight: var(--table-caption-font-weight);
  color: var(--table-caption-color);
  background-color: var(--table-caption-background-color);
  text-align: left;
  padding-block: var(--table-caption-padding-block);
  padding-inline: var(--table-caption-padding-inline);
}

:where(tr > *:first-child) {
  --_table-cell-padding-inline-start: var(--table-cell-first-padding-inline-start);
}
:where(tr > *:last-child) {
  --_table-cell-padding-inline-end: var(--table-cell-last-padding-inline-end);
}

th,
td {
  color: var(--_table-cell-color);
  background-color: var(--_table-cell-background-color);
  font-size: var(--_table-cell-font-size);
  font-weight: var(--_table-cell-font-weight);
  text-align: var(--_table-cell-align);
  vertical-align: middle;
  width: var(--_table-cell-width);
  padding-block: var(--_table-cell-padding-block);
  padding-inline: var(--_table-cell-padding-inline-start) var(--_table-cell-padding-inline-end);
  border-block-start: var(--_table-cell-border-block-start);
  border-block-end: var(--_table-cell-border-block-end);
  border-inline: var(--_table-cell-border-inline);
  box-sizing: content-box;
}

.columnheader--checkbox {
  --_table-cell-width: calc(22rem / 16);
}

.columnheader--icon-button {
  --_table-cell-width: calc(42rem / 16);
}

.columnheader--menu {
  --_table-cell-width: calc(36rem / 16);
}

.columnheader--datetime {
  --_table-cell-width: calc(125rem / 16);
}

.columnheader--icon-small {
  --_table-cell-width: calc(34rem / 16) ;
}

.columnheader--tinsy {
  --_table-cell-width: calc(50rem / 16) ;
}

.columnheader--teeny {
  --_table-cell-width: calc(80rem / 16) ;
}

.columnheader--tiny {
  --_table-cell-width: calc(90rem / 16) ;
}

.columnheader--small {
  --_table-cell-width: calc(110rem / 16) ;
}

.columnheader--medium {
  --_table-cell-width: calc(165rem / 16) ;
}

.columnheader--large {
  --_table-cell-width: calc(200rem / 16) ;
}

.columnheader--main {
  --_table-cell-width: calc(100% - var(--columnheader-non-main-width));
}

.tbody--zebra > tr:nth-child(even) {
  --_table-cell-background-color: var(--table-body-cell-subdued-background-color);
  --table-saw-row-background-color: var(--table-body-cell-subdued-background-color);
}

.row--subdued {
  --_table-cell-color: var(--table-body-cell-subdued-color);
  --_table-cell-background-color: var(--table-body-cell-subdued-background-color);
  --table-rowheader-font-weight: normal;
}

.row--diminished {
  --_table-cell-color: var(--table-body-cell-diminished-color);
  --_table-cell-background-color: var(--table-body-cell-diminished-background-color);
  --table-rowheader-font-weight: normal;
}

.cell--align-right {
  --_table-cell-align: right;
  --cell-icon-inline: auto 0;
  --a-button-display-override: inline-flex;
  --table-sort-button-justify-content: end;
  --table-saw-cell-justify-items: end;
}

.cell--align-center {
  --_table-cell-align: center;
  --cell-icon-inline: auto;
  --a-button-display-override: inline-flex;
  --table-sort-button-justify-content: center;
}

.cell--subdued {
  --_table-cell-color: var(--table-body-cell-subdued-color);
  --_table-cell-font-weight: ;
}

.cell--diminished {
  --_table-cell-color: var(--table-body-cell-diminished-color);
}

.cell--highlight {
  --_table-cell-color: var(--table-body-cell-highlight-color);
}

.cell--positive {
  --_table-cell-color: var(--table-body-cell-positive-color);
}

.cell--negative {
  --_table-cell-color: var(--table-body-cell-negative-color);
}

.cell--positioned {
  position: relative;
}

.cell--menu {
  position: relative;
  --pop-tip-display: contents;
  --ui-box-padding-inline: 0rem;
  --ui-box-padding-block: calc(15rem / 16);
  --button-ui-default-background-color: transparent;
}

.cell--sticky-foot-button {
  position: relative;
}
.cell--sticky-foot-button.cell--align-right > button {
  position: sticky;
  inset-inline-end: var(--_table-cell-padding-inline-end);
}

:root {
  --section-focus-outline: var(--focus-outline);
  --section-focus-offset: var(--focus-offset);
}

:where(section[tabindex="-1"]):focus-visible {
  outline: var(--section-focus-outline);
  outline-offset: var(--section-focus-offset);
}

time:has(small) {
  font-size: var(--time--date-size, 0.875rem);
  line-height: 1.3;
}
time small {
  display: block;
  font-size: var(--time--time-size, 0.6875rem);
}

input:where([type=file]) {
  padding-block: var(--file-input-padding-block);
  padding-inline: var(--file-input-padding-inline);
  color: var(--file-input-color, black);
  background-color: var(--file-input-background-color, white);
  border: solid var(--file-input-border-width) var(--file-input-border-color);
}
input:where([type=file]):hover {
  color: var(--file-input-hover-color, var(--file-input-color));
  background-color: var(--file-input-hover-background-color, var(--file-input-background-color));
  border-color: var(--file-input-hover-border-color, var(--file-input-border-color));
  --file-input-button-color: var(--file-input-button-hover-color);
  --file-input-button-background-color: var(--file-input-button-hover-background-color);
  --file-input-button-border-color: var(--file-input-button-hover-border-color);
}
input:where([type=file]):focus-visible {
  outline: var(--focus-outline);
  outline-offset: var(--focus-offset);
}
input:where([type=file])[aria-invalid=true] {
  border-color: var(--input-invalid-border-color);
}
input:where([type=file])::file-selector-button {
  padding-block: var(--file-input-button-padding-block);
  padding-inline: var(--file-input-button-padding-inline);
  color: var(--file-input-button-color, black);
  background-color: var(--file-input-button-background-color, white);
  font-family: var(--file-input-button-font-family, inherit);
  font-size: var(--file-input-button-font-size, inherit);
  font-weight: var(--file-input-button-font-weight, inherit);
  border-radius: var(--file-input-button-border-radius, 0.25em);
  border-width: var(--file-input-button-border-width, thin);
  border-color: var(--file-input-button-border-color, black);
  border-style: solid;
}

[data-container="--content-width"] {
  container: --content-width/inline-size;
}

[data-container="--pane-width"] {
  container: --pane-width/inline-size;
}

[data-container="--layout-width"] {
  container: --layout-width/inline-size;
}

#app {
  display: contents;
}

#blazor-error-ui {
  display: none;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1000;
  background: lightyellow;
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
  padding: 0.6rem 1.25rem 0.7rem 1.25rem;
}

#blazor-error-ui .dismiss {
  cursor: pointer;
  position: absolute;
  right: 0.75rem;
  top: 0.5rem;
}

.box {
  padding-block: var(--box-padding-block);
  padding-inline: var(--box-padding-inline);
}
.box > * {
  --box-padding-block: initial;
  --box-padding-inline: initial;
}

.box-theme {
  color: var(--box-text-color);
  background-color: var(--box-background-color);
  --heading-color: var(--box-heading-color, inherit);
  --heading-emphasis-color: var(--box-heading-emphasis-color, inherit);
  background-image: var(--box-gradient);
}

.box-theme--bordered {
  outline: solid 0.0625rem var(--box-border-color);
}

@media print {
  .box-theme {
    color: black !important;
    background-color: white !important;
    --heading-color: black !important;
  }
}
.badge-icon {
  position: relative;
  font-family: var(--font-body);
  font-size: 0.625rem;
  font-weight: 700;
  line-height: 1.1;
  text-align: center;
}

.badge-icon__count {
  position: absolute;
  top: -0.0625rem;
  right: 0.25rem;
  color: var(--badge-icon-count-color);
  background-color: var(--badge-icon-count-background-color);
  min-width: 1rem;
  min-height: 1rem;
  padding: 0.15625rem;
  border-radius: 50px;
}

.a-link {
  --link-border-color: ;
  --link-border-style: ;
  --link-border-width: ;
  --link-text-decoration: none;
  user-select: none;
  display: var(--link-display, inline);
  align-items: center;
  gap: var(--link-icon-gap, 0.5ch);
  text-align: var(--link-text-align, center);
}
.a-link:where(:has(.a-link__icon)) {
  --link-display: inline-flex;
}

.a-link--has-icon-right,
.a-link--has-icon-left {
  --link-text-align: left;
}

.a-link__icon {
  flex: none;
  color: var(--link-icon-color, inherit);
  width: var(--link-icon-size);
  height: var(--link-icon-size);
  margin-inline: var(--_link-icon-only-margin-inline, var(--link-icon-margin-inline));
  min-width: var(--_link-icon-only-size);
  min-height: var(--_link-icon-only-size);
  transition-property: var(--link-transition-property, all);
  transition-duration: var(--link-transition-duration, initial);
  transition-timing-function: var(--link-transition-timing-function, ease-out);
}
a:hover .a-link__icon {
  color: var(--link-icon-hover-color, var(--link-icon-color));
}
[aria-current] .a-link__icon {
  color: var(--link-selected-icon-color, inherit);
}
[aria-current]:hover .a-link__icon {
  color: var(--link-selected-icon-hover-color, var(--link-selected-icon-color, inherit));
}

.a-link__label {
  text-align: var(--_link-label-text-align);
  margin-inline: var(--link-label-margin-inline);
}

.a-link--variant-back {
  --link-display: flex;
  --link-border-radius: calc(6rem / 16);
  --link-border-style: none;
  --link-icon-gap: calc(5rem / 16);
  --link-icon-size: calc(30rem / 16);
  --link-icon-only-size: calc(32rem / 16);
  --link-icon-only-margin-inline: calc(-1rem / 16) calc(-11rem / 16);
  padding-block: 0.1875rem;
  padding-inline: 0.9375rem 1.5625rem;
  min-height: 3.75rem;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1;
  justify-content: center;
}
.a-link--variant-back[data-layout=hide-label] {
  --focus-outline: none;
  --link-focus-inner-shadow: var(--focus-inner-shadow);
}
.a-link--variant-back[data-layout=hide-label-switch] {
  --_link-switch-focus-outline: var(--is-ui-mode-large, var(--focus-outline));
  --link-focus-inner-shadow: var(--is-ui-mode-compact, var(--focus-inner-shadow));
}

.a-link--variant-ui {
  --link-display: flex;
  --link-border-radius: calc(21rem / 16);
  --link-border-style: solid;
  --link-border-width: calc(2rem / 16);
  padding-block: 0.1875rem;
  padding-inline: 1.1875rem;
  min-height: 2.625rem;
  font-size: 0.875rem;
  line-height: 1.3;
  justify-content: center;
}

.a-link--theme-dismiss {
  --link-color: var(--button-header-default-color);
  --link-hover-color: var(--button-header-default-color);
  --link-icon-color: var(--button-theme-dismiss-icon-color);
  --link-background-color: var(--box-background-color);
  --link-icon-hover-color: var(--button-theme-dismiss-icon-hover-color);
  --link-hover-background-color: var(--button-theme-dismiss-hover-background-color);
}

.a-link--theme-header-default {
  --link-color: var(--button-header-default-color);
  --link-background-color: var(--button-header-default-background-color);
  --link-icon-color: var(--button-header-default-icon-color);
  --link-hover-color: var(--button-header-default-hover-color);
  --link-hover-background-color: var(--button-header-default-hover-background-color);
}

.a-link--theme-ui-default {
  --link-color: var(--button-ui-default-color);
  --link-background-color: var(--button-ui-default-background-color);
  --link-border-color: var(--button-ui-default-border-color);
  --link-hover-color: var(--button-ui-default-hover-color);
  --link-hover-background-color: var(--button-ui-default-hover-background-color);
  --link-hover-border-color: var(--button-ui-default-hover-border-color);
  --link-selected-color: var(--button-ui-default-selected-color);
  --link-selected-background-color: var(--button-ui-default-selected-background-color);
  --link-selected-border-color: var(--button-ui-default-selected-border-color);
  --link-selected-hover-background-color: var(--button-ui-default-selected-hover-background-color);
  --link-selected-hover-border-color: var(--button-ui-default-selected-hover-border-color);
}

.a-button {
  --button-border-color: currentColor;
  --button-border-style: solid;
  --button-border-width: medium;
  display: var(--a-button-display-override, flex);
  align-items: var(--a-button-align-items, center);
  gap: var(--button-icon-gap);
  text-align: var(--_button-text-align, center);
}
.a-button[data-pending] {
  position: relative;
  cursor: wait;
}
.a-button[data-pending] .a-button__label,
.a-button[data-pending] .a-button__icon {
  visibility: hidden;
}

.a-button--has-icon-right,
.a-button--has-icon-left {
  --_button-text-align: left;
}

.a-button__icon {
  flex: none;
  display: block;
  color: var(--button-icon-color, inherit);
  width: var(--button-icon-size);
  height: var(--button-icon-size);
  margin-inline: var(--_button-icon-only-margin-inline, var(--button-icon-margin-inline));
  min-width: var(--_button-icon-only-size);
  min-height: var(--_button-icon-only-size);
  transition-property: var(--button-transition-property, all);
  transition-duration: var(--button-transition-duration, initial);
  transition-timing-function: var(--button-transition-timing-function, ease-out);
}
:where(button):hover .a-button__icon {
  color: var(--button-icon-hover-color, var(--button-icon-color));
}
:where(button):focus-visible .a-button__icon {
  color: var(--button-icon-focus-color, var(--button-icon-color));
}
[aria-current=true] .a-button__icon, [aria-selected=true] .a-button__icon, [aria-expanded=true] .a-button__icon, [aria-pressed=true] .a-button__icon {
  color: var(--button-selected-icon-color, inherit);
}
:where([aria-selected=true], [aria-expanded=true], [aria-pressed=true]):hover .a-button__icon {
  color: var(--button-selected-hover-icon-color, var(--button-selected-icon-color, inherit));
}
:where([aria-current=true]):hover .a-button__icon {
  color: var(--button-selected-icon-color, inherit);
}
:disabled .a-button__icon {
  color: var(--button-disabled-icon-color, --button-icon-color);
}

.a-button__pending {
  flex: none;
  width: var(--button-icon-size);
  height: var(--button-icon-size);
  min-width: var(--_button-icon-only-size);
  min-height: var(--_button-icon-only-size);
  position: absolute;
  left: 50%;
  translate: -50%;
  animation-name: spin;
  animation-duration: 0.75s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.a-button__label {
  text-align: var(--_button-label-text-align);
  margin-inline: var(--button-label-margin-inline);
}

.a-button--variant-form {
  --flex-item-width: calc(160rem / 16);
  --button-border-radius: calc(25rem / 16);
  --button-border-style: solid;
  --button-border-width: calc(2rem / 16);
  --button-label-margin-inline: calc(10rem / 16);
  --button-icon-size: calc(20rem / 16);
  --button-icon-only-size: calc(24rem / 16);
  padding-block: 0.25rem;
  padding-inline: 0.6875rem;
  min-height: 3.125rem;
  justify-content: center;
}

.a-button--variant-dismiss {
  --button-border-radius: calc(6rem / 16);
  --button-border-style: none;
  --button-icon-size: calc(32rem / 16);
  --focus-offset: calc(-2rem / 16);
  padding-block: 0.875rem;
  padding-inline: 0.875rem;
  min-height: 3.125rem;
}
.a-button--variant-dismiss[data-size=small] {
  --button-icon-size: calc(21rem / 16);
  padding-block: 0.5625rem;
  padding-inline: 0.5625rem;
  min-height: 2.5rem;
}

.a-button--theme-dismiss {
  --button-icon-color: var(--button-theme-dismiss-icon-color);
  --button-background-color: var(--box-background-color);
  --button-icon-hover-color: var(--button-theme-dismiss-icon-hover-color);
  --button-icon-focus-color: var(--button-theme-dismiss-icon-focus-color);
  --button-hover-background-color: var(--button-theme-dismiss-hover-background-color);
}

.a-button--variant-ui {
  --button-border-radius: calc(21rem / 16);
  --button-border-style: solid;
  --button-border-width: calc(2rem / 16);
  --button-icon-gap: calc(4rem / 16);
  --button-icon-size: calc(24rem / 16);
  --button-icon-only-margin-inline: calc(-12rem / 16);
  padding-block: 0.1875rem;
  padding-inline: 1.1875rem;
  min-height: 2.625rem;
  font-size: 0.875rem;
  line-height: 1.3;
  font-weight: 400;
  justify-content: center;
}

.a-button--variant-toggle {
  --button-border-radius: calc(6rem / 16);
  --button-border-style: none;
  --button-icon-gap: calc(10rem / 16);
  --button-icon-size: calc(24rem / 16);
  padding-block: 0.1875rem;
  padding-inline: 0.625rem;
  min-height: 2.625rem;
  font-size: 0.875rem;
  line-height: 1.3;
  font-weight: 700;
  justify-content: center;
}
.a-button--variant-toggle .a-button__icon--toggle {
  --button-icon-color: var(--button-toggle-icon-color);
  --button-icon-margin-inline: calc(-5rem / 16) 0;
}

.a-button--variant-toggle-animated .a-button__icon--toggle {
  transition: all 0.3s ease;
  transform: rotateZ(0deg);
}
.a-button--variant-toggle-animated[aria-expanded=true] .a-button__icon--toggle {
  transform: rotateZ(-180deg);
}

.a-button--variant-tab {
  --button-border-style: none;
  --focus-offset: calc(-2rem / 16);
  --button-disabled-border-color: transparent;
  --_tab-border-color: var(--button-border-color, transparent);
  --_tab-selected-rule-width: calc(4rem / 16);
  font-size: clamp(0.88rem, 0.44vw + 0.77rem, 1rem);
  font-weight: 700;
  line-height: 1.1;
  padding-block: 0.375rem;
  padding-inline: var(--tab-padding-inline, 0.625rem);
  --button-label-margin-inline: var(--is-tab-mode-horizontal, 0);
  min-height: clamp(2.63rem, 3.92vw + 1.71rem, 3.75rem);
  justify-content: var(--is-tab-mode-vertical, center);
  background-image: var(--is-tab-mode-vertical, linear-gradient(var(--_tab-selected-border-color, var(--_tab-border-color))));
  background-position: left bottom var(--tab-border-offset, 0rem);
  background-size: auto var(--_tab-selected-rule-width);
  background-repeat: no-repeat;
  border-left: var(--is-tab-mode-horizontal, solid var(--_tab-selected-rule-width) var(--_tab-selected-border-color, var(--_tab-border-color)));
}
.a-button--variant-tab:hover:not(:disabled) {
  --_tab-border-color: var(--button-hover-border-color);
}
.a-button--variant-tab[aria-selected=true] {
  --_tab-selected-border-color: var(--button-selected-border-color);
}
.a-button--variant-tab .a-button__label span {
  color: var(--button-tab-secondary-label-color);
}

.a-button--variant-tab-toggle {
  --button-border-style: none;
  --button-icon-size: calc(24rem / 16);
  --button-icon-gap: calc(10rem / 16);
  --_selected-border-color: var(--button-border-color);
  --_selected-rule-width: calc(4rem / 16);
  font-size: clamp(0.88rem, 0.44vw + 0.77rem, 1rem);
  font-weight: 700;
  line-height: 1.1;
  padding-block: 0.375rem;
  padding-inline: 1.25rem 0.9375rem;
  width: 100%;
  min-height: clamp(2.63rem, 3.92vw + 1.71rem, 3.75rem);
  background-image: linear-gradient(0deg, var(--_selected-border-color) 0rem var(--_selected-rule-width), transparent var(--_selected-rule-width) 100%);
}
.a-button--variant-tab-toggle[aria-expanded=true] {
  --_selected-border-color: var(--button-selected-border-color);
}
.a-button--variant-tab-toggle[aria-expanded=true]:hover {
  --_selected-border-color: var(--button-selected-hover-border-color);
}
.a-button--variant-tab-toggle .a-button__icon--toggle {
  --button-icon-margin-inline: auto 0;
}

.a-button--variant-boxless {
  --button-border-radius: calc(6rem / 16);
  --button-border-style: none;
  --button-icon-size: calc(24rem / 16);
  --focus-offset: calc(-2rem / 16);
  --button-position-inset: calc(4rem / 16);
  padding-block: 0.5625rem;
  padding-inline: 0.5625rem;
  min-height: 2.625rem;
}
.form-field--show-error .a-button--variant-boxless {
  --button-color: var(--button-error-color);
  --button-icon-color: var(--button-error-icon-color);
  --button-selected-icon-color: var(--button-error-icon-color);
  --button-hover-background-color: var(--button-error-hover-background-color);
  --button-selected-hover-background-color: var(--button-error-hover-background-color);
}

.a-button--variant-tip {
  --button-border-radius: 50%;
  --button-border-style: none;
  --button-icon-size: calc(18rem / 16);
  --focus-offset: calc(-2rem / 16);
  padding-block: 0.1875rem;
  padding-inline: 0.1875rem;
}

.a-button--variant-menu {
  --button-border-style: none;
  --button-icon-gap: calc(10rem / 16);
  --button-icon-size: calc(24rem / 16);
  --focus-offset: calc(-2rem / 16);
  width: 100%;
  padding-block: 0.9375rem;
  padding-inline: 1.25rem;
  font-size: 1rem;
}
.a-button--variant-menu .avatar {
  --button-icon-size: calc(32rem / 16);
}

.a-button--variant-field-chip {
  --button-border-radius: calc(4rem / 16);
  --button-border-style: none;
  --button-icon-size: calc(14rem / 16);
  --button-icon-gap: calc(5rem / 16);
  --button-label-margin-inline: calc(4rem / 16);
  --focus-offset: calc(1rem / 16);
  padding-block: 0.6875rem;
  padding-inline: 0.9375rem 0.625rem;
  min-height: 2.75rem;
  font-size: 1rem;
  line-height: 1.3;
}

.a-button--variant-filter-chip {
  --button-border-radius: calc(4rem / 16);
  --button-border-style: none;
  --button-icon-size: calc(14rem / 16);
  --button-icon-gap: calc(5rem / 16);
  --button-label-margin-inline: calc(4rem / 16);
  --focus-offset: calc(1rem / 16);
  padding-block: 0.3125rem;
  padding-inline: 0.3125rem;
  min-height: 1.75rem;
  font-size: 0.875rem;
  line-height: 1.3;
}

.a-button--variant-text {
  --button-border-style: none;
  --button-icon-size: 1.4em;
  --button-icon-gap: 0.3em;
  --flex-item-width: max-content;
  --flex-item-narrow-width: max-content;
  --flex-item-grow-narrow: 0;
  padding: 0.3125rem;
  font-size: var(--text-button-font-size, 0.875rem);
}

.a-button--variant-main-nav {
  --button-icon-size: calc(28rem / 16);
  --a-button-display-override: block;
  width: 100%;
  padding-block: 0.875rem;
  padding-inline: 0.5rem;
  font-size: 0.6875rem;
  line-height: 1.1;
  text-align: center;
  background-image: linear-gradient(90deg, var(--button-ribbon-color, transparent) 0rem 0.25rem, transparent 0.25rem 100%);
}
.a-button--variant-main-nav:focus-visible {
  outline: none;
  position: relative;
}
.a-button--variant-main-nav:focus-visible::after {
  content: "";
  position: absolute;
  inset: 0.25rem;
  border-radius: 0.375rem;
  border: var(--focus-outline);
}
.a-button--variant-main-nav[aria-current] {
  --button-selected-background-color: var(--button-current-background-color);
  --button-ribbon-color: var(--button-current-ribbon-color);
  --button-selected-icon-color: var(--button-current-icon-color);
}
.a-button--variant-main-nav[aria-current]:hover {
  --button-selected-background-color: var(--button-current-hover-background-color);
  --button-selected-icon-color: var(--button-current-hover-icon-color);
}
.a-button--variant-main-nav[aria-expanded=true] {
  --button-selected-background-color: var(--button-expanded-background-color);
  --button-selected-icon-color: var(--button-expanded-icon-color);
}
.a-button--variant-main-nav[aria-expanded=true]:hover {
  --button-selected-background-color: var(--button-expanded-hover-background-color);
  --button-selected-icon-color: var(--button-expanded-hover-icon-color);
}
.a-button--variant-main-nav[aria-expanded=true][aria-current] {
  --button-selected-icon-color: var(--button-current-icon-color);
}
.a-button--variant-main-nav[aria-expanded=true][aria-current]:hover {
  --button-selected-icon-color: var(--button-current-hover-icon-color);
}
.a-button--variant-main-nav > * {
  display: block;
  margin-inline: auto;
}
.a-button--variant-main-nav .a-button__icon {
  margin-block-end: 0.4375rem;
}
.a-button--variant-main-nav .a-button__parent-indicator {
  line-height: 1;
  margin-block-start: -0.125rem;
  margin-block-end: -0.3125rem;
}

.a-button--variant-burger {
  --button-border-style: none;
  --button-icon-size: calc(32rem / 16);
  --button-icon-only-size: calc(32rem / 16);
  --button-icon-only-margin-inline: calc(-11rem / 16);
  padding-block: 0.1875rem;
  padding-inline: 1.5625rem;
  height: 3.75rem;
  font-size: 1.125rem;
  line-height: 1;
  font-family: var(--font-display);
  font-weight: 400;
  justify-content: center;
}
.a-button--variant-burger[data-layout=hide-label] {
  --focus-outline: none;
  --button-focus-inner-shadow: var(--focus-inner-shadow);
}
.a-button--variant-burger .a-button__icon--toggle {
  display: var(--_button-toggle-icon-display);
  --button-icon-size: calc(24rem / 16);
  --button-icon-color: var(--button-toggle-icon-color);
  --button-icon-hover-color: var(--button-toggle-hover-icon-color);
}

.a-button--variant-table-sort {
  --button-border-style: none;
  --button-icon-gap: calc(5rem / 16);
  width: 100%;
  justify-content: var(--table-sort-button-justify-content, start);
  font-size: inherit;
  padding-block: var(--table-columnheader-padding-block);
  padding-inline-start: var(--table-cell-padding-inline-start);
  padding-inline-end: var(--table-cell-padding-inline-end);
}
th[aria-sort] .a-button--variant-table-sort {
  font-weight: var(--font-body-weight-bold);
}
tr > *:first-child .a-button--variant-table-sort {
  padding-inline-start: var(--table-cell-first-padding-inline-start);
}
tr > *:last-child .a-button--variant-table-sort {
  padding-inline-end: var(--table-cell-last-padding-inline-end);
}

th[aria-sort=ascending] .tablesort__icon--ascending {
  display: inline;
}

th[aria-sort=descending] .tablesort__icon--descending {
  display: inline;
}

.a-button--variant-select {
  --button-border-width: thin;
  --button-icon-size: calc(24rem / 16);
  --button-icon-margin-inline: auto 0;
  padding-block: 0.75rem;
  padding-inline: 0.875rem;
  min-height: 3.125rem;
}
.form-field--show-error .a-button--variant-select {
  --button-color: var(--button-error-color);
  --button-icon-color: var(--button-error-icon-color);
  --button-selected-icon-color: var(--button-error-icon-color);
  --button-hover-background-color: var(--button-error-hover-background-color);
  --button-selected-hover-background-color: var(--button-error-hover-background-color);
}

.a-button--variant-drag {
  --button-border-style: none;
  --button-icon-size: calc(32rem / 16);
  --button-icon-margin-inline: auto 0;
  padding-block: 0.875rem;
  padding-inline: 0.875rem;
  min-height: 3.75rem;
  cursor: var(--button-cursor, grab);
}
td:has(.a-button--variant-drag) {
  padding: 0;
  text-align: center;
}
.a-button--variant-drag .reorder-icon {
  display: var(--reorder-icon-display, none);
}

[data-table-reorder-button=""] .reorder-icon--draggable-icon {
  --reorder-icon-display: block;
}

[data-table-reorder-button=selected] {
  --button-icon-color: var(--button-selected-icon-color);
}
[data-table-reorder-button=selected] .reorder-icon--drag-icon {
  --reorder-icon-display: block;
}

tr:has([data-table-reorder-button=selected]) {
  --_table-cell-background-color: var(--table-body-cell-selected-background-color);
}

table:has([data-table-reorder-button=selected]) tr:not(:has([data-table-reorder-button=selected])) {
  --button-cursor: default;
}
table:has([data-table-reorder-button=selected]) tr:not(:has([data-table-reorder-button=selected])) .reorder-icon {
  --reorder-icon-display: none;
}
table:has([data-table-reorder-button=selected]) tr:not(:has([data-table-reorder-button=selected])) .reorder-icon--drop-icon {
  --reorder-icon-display: block;
}

.a-button--variant-back {
  --button-border-radius: calc(6rem / 16);
  --button-border-style: none;
  --button-icon-gap: calc(5rem / 16);
  --button-icon-size: calc(30rem / 16);
  --button-icon-only-size: calc(32rem / 16);
  --button-icon-only-margin-inline: calc(-1rem / 16) calc(-11rem / 16);
  --focus-offset: 0;
  padding-block: 0.1875rem;
  padding-inline: 0.9375rem 1.5625rem;
  min-height: 3.75rem;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1;
  justify-content: center;
}

[data-layout=hide-label] {
  --_button-icon-only-size: var(--button-icon-only-size);
  --_button-icon-only-margin-inline: var(--button-icon-only-margin-inline);
  --_link-icon-only-size: var(--link-icon-only-size);
  --_link-icon-only-margin-inline: var(--link-icon-only-margin-inline);
  --is-ui-mode-large: ;
  --flex-item-max-width: min-content;
}
[data-layout=hide-label] .a-link__label,
[data-layout=hide-label] .a-button__label {
  position: absolute;
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  overflow: hidden;
  white-space: nowrap;
}

/*
// e.g. switch with a parent data attr

[data-hide-button-icon="true"] {
	--is-ui-mode-compact: initial;
}
*/
[data-layout=hide-icon-switch] {
  --_button-label-text-align: var(--is-ui-mode-compact, center);
  --_link-label-text-align: var(--is-ui-mode-compact, center);
}
[data-layout=hide-icon-switch] .a-link__icon,
[data-layout=hide-icon-switch] .a-button__icon {
  display: var(--is-ui-mode-compact, none);
}

/*
// e.g. unset switch with a parent data attr
[data-hide-button-label="true"] {
	--is-ui-mode-compact: initial;
}
*/
[data-layout=hide-label-switch] {
  --_button-icon-only-size: var(--is-ui-mode-compact, var(--button-icon-only-size));
  --_button-icon-only-margin-inline: var(--is-ui-mode-compact, var(--button-icon-only-margin-inline));
  --_link-icon-only-size: var(--is-ui-mode-compact, var(--link-icon-only-size));
  --_link-icon-only-margin-inline: var(--is-ui-mode-compact, var(--link-icon-only-margin-inline));
  --flex-item-max-width: var(--is-ui-mode-compact, min-content);
}
[data-layout=hide-label-switch] .a-link__label,
[data-layout=hide-label-switch] .a-button__label {
  position: var(--is-ui-mode-compact, absolute);
  clip-path: var(--is-ui-mode-compact, inset(50%));
  height: var(--is-ui-mode-compact, 1px);
  width: var(--is-ui-mode-compact, 1px);
  overflow: var(--is-ui-mode-compact, hidden);
  white-space: var(--is-ui-mode-compact, nowrap);
}

:root {
  --block-gap: calc(30rem / 16);
}

.block > * {
  margin-block: 0;
}
.block > *:where(:not([hidden], .u-visually-hidden)) + * {
  margin-block-start: var(--block-gap);
}

.block__flip:first-child:not(:last-child) {
  margin-block-end: var(--block-gap);
}
.block__flip:first-child:not(:last-child) + * {
  margin-block-start: 0;
}

.block-reverse > * {
  margin-block: 0;
}
.block-reverse > *:where(:not(:last-child)) {
  margin-block-end: var(--block-gap);
}

.block--gap-none > * {
  --block-gap: 0;
}

.block--gap-pixel > * {
  --block-gap: calc(1rem / 16);
}

.block--gap-sixteenth > * {
  --block-gap: calc(2rem / 16);
}

.block--gap-eighth > * {
  --block-gap: calc(4rem / 16);
}

.block--gap-quarter > * {
  --block-gap: calc(8rem / 16);
}

.block--gap-half > * {
  --block-gap: calc(15rem / 16);
}

.block--gap-small > * {
  --block-gap: calc(20rem / 16);
}

.block--gap-default > * {
  --block-gap: calc(30rem / 16);
}

.block--gap-medium > * {
  --block-gap: calc(40rem / 16);
}

.block--gap-large > * {
  --block-gap: calc(60rem / 16);
}

.gap-self--none {
  --block-gap: 0;
}

.gap-self--pixel {
  --block-gap: calc(1rem / 16);
}

.gap-self--quarter {
  --block-gap: calc(8rem / 16);
}

.gap-self--half {
  --block-gap: calc(15rem / 16);
}

.gap-self--small {
  --block-gap: calc(20rem / 16);
}

.gap-self--default {
  --block-gap: calc(30rem / 16);
}

.gap-self--medium {
  --block-gap: calc(40rem / 16);
}

.gap-self--large {
  --block-gap: calc(60rem / 16);
}

:root {
  --pane-box-layout-width: var(--page-row-max-width);
  --pane-box-padding-inline: var(--page-row-padding-inline);
  --pane-box-padding-block: clamp(1.88rem, 4.14vw + 0.91rem, 3.75rem);
}

.pane-box {
  display: grid;
  grid-template-columns: [box-start] 1fr [col-start] minmax(0, var(--pane-box-layout-width)) [col-end] 1fr [box-end];
  row-gap: var(--pane-box-block-gap, var(--block-gap));
  column-gap: var(--pane-box-padding-inline);
  padding-block: var(--pane-box-padding-block);
}
.pane-box > * {
  grid-column: col-start/col-end;
  margin-block: 0;
}
.pane-box .pane-box__fill {
  grid-column: box;
}
@container --content-width (width < 30rem) {
  .pane-box .pane-box__box\@small {
    grid-column: box;
  }
}

.pane-box--flush-block {
  padding-block: 0;
}

.pane-box--wide {
  --pane-box-layout-width: calc(1600rem / 16);
}

.pane-box__nested {
  display: grid;
  grid-template-columns: subgrid;
}
.pane-box__nested > * {
  grid-column: col-start/col-end;
  margin-block: 0;
}

.pane-box--fill-child > * {
  grid-column: box;
}

[data-container="--button-row-width"] {
  container: --button-row-width/inline-size;
}

[data-container="--button-row-width-narrow"] {
  container: --button-row-width-narrow/inline-size;
}

:root {
  --is-ui-mode-compact: ;
  --is-ui-mode-large: initial;
}

@container --button-row-width (width < 40rem) {
  .button-row {
    --is-ui-mode-compact: initial;
    --is-ui-mode-large: ;
  }
  .button-row :where(.button-row__item-left) > *,
  .button-row > * {
    flex-basis: var(--flex-item-narrow-width, 0);
    flex-grow: var(--flex-item-grow-narrow, 1);
  }
}
@container --button-row-width-narrow (width < 30rem) {
  .button-row {
    --is-ui-mode-compact: initial;
    --is-ui-mode-large: ;
  }
  .button-row :where(.button-row__item-left) > *,
  .button-row > * {
    flex-basis: var(--flex-item-narrow-width, 0);
    flex-grow: var(--flex-item-grow-narrow, 1);
  }
}
.button-row {
  --button-row-gap: calc(10rem / 16);
  position: relative;
  display: flex;
  gap: var(--button-row-gap);
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
}
.button-row :where(.button-row__item-left) > *,
.button-row :where(.ui-button-joiner) > *,
.button-row > * {
  flex-basis: var(--flex-item-width);
  max-width: var(--flex-item-max-width);
}
:where(.button-row) > * {
  margin-block: 0;
}
.button-row flex-space {
  flex-grow: 1;
  margin-right: calc(-1 * var(--button-row-gap));
}

.button-row--wrapping {
  flex-wrap: wrap;
}

.button-row--compact {
  gap: var(--is-ui-mode-large, var(--button-row-gap));
}

.button-row--left {
  justify-content: flex-start;
}

.button-row--center {
  justify-content: center;
}

.button-row__item-left {
  display: contents;
}
.button-row__item-left > * {
  margin-right: auto;
}

.title-bar {
  display: flex;
  gap: 0.625rem;
  align-items: center;
  justify-content: space-between;
  padding: var(--title-bar-padding);
  padding-left: var(--title-bar-padding-left);
}
.title-bar > * {
  margin-block: 0;
}
.title-bar .a-button--variant-dismiss {
  order: 1;
}

.title-bar__title {
  font-family: var(--title-bar-title-font);
  font-size: var(--title-bar-title-size, unset);
  color: var(--box-heading-color, inherit);
  line-height: 1;
  flex: auto;
}

pop-tip {
  display: var(--pop-tip-display, inline-block);
  vertical-align: middle;
  margin-block: var(--pop-tip-inline-height-offset, 0);
  --pointer-min-inline-inset: 2rem;
  --title-bar-padding: calc(5rem / 16);
  --title-bar-padding-left: clamp(1.25rem, 2.18cqw + 0.74rem, 1.88rem);
  --title-bar-title-size: clamp(1.38rem, 1.31cqw + 1.07rem, 1.75rem);
  --pointer-box-height: var(--ui-box-padding-block);
  --pointer-width: calc(var(--ui-box-padding-block) * 1.5);
  --pointer-block-inset: calc(2rem / 16);
  --flex-item-max-width: fit-content;
}
pop-tip[panel-width=tiny] {
  --panel-width: calc(175rem / 16);
}
pop-tip[panel-width=little] {
  --panel-width: calc(240rem / 16);
}
pop-tip[panel-width=littlish] {
  --panel-width: calc(280rem / 16);
}
pop-tip[panel-width=smaller] {
  --panel-width: calc(335rem / 16);
}
pop-tip[panel-width=small] {
  --panel-width: calc(375rem / 16);
}
pop-tip[panel-width=medium] {
  --panel-width: calc(794rem / 16);
}

[data-placement^=bottom] {
  --pop-tip-shape-padding-block: var(--pointer-box-height) 0;
  --pop-tip-clip-path: polygon(
  	0 var(--pointer-box-height),
  	var(--pointer-inline-inset) var(--pointer-box-height),
  	calc(var(--pointer-inline-inset) + (var(--pointer-width) / 2)) var(--pointer-block-inset),
  	calc(var(--pointer-inline-inset) + var(--pointer-width)) var(--pointer-box-height),
  	100% var(--pointer-box-height),
  	100% 100%,
  	0 100%
  );
}

[data-placement^=top] {
  --pop-tip-shape-padding-block: 0 var(--pointer-box-height);
  --pop-tip-clip-path: polygon(
  	0 calc(100% - var(--pointer-box-height)),
  	var(--pointer-inline-inset) calc(100% - var(--pointer-box-height)),
  	calc(var(--pointer-inline-inset) + (var(--pointer-width) / 2))
  		calc(100% - var(--pointer-block-inset)),
  	calc(var(--pointer-inline-inset) + var(--pointer-width))
  		calc(100% - var(--pointer-box-height)),
  	100% calc(100% - var(--pointer-box-height)),
  	100% 0,
  	0 0
  );
}

.pop-tip__pane {
  --heading-color: var(--box-heading-color, inherit);
  --popover-background-color: transparent;
  --box-padding-inline: var(--title-bar-padding-left);
  --box-padding-block: calc(14rem / 16) calc(40rem / 16);
  display: flex;
  flex-direction: column;
  position: fixed;
  left: 0;
  top: 0;
  visibility: hidden;
  overflow: visible;
  width: var(--panel-width);
  max-height: min(var(--pop-tip-pane-max-height), 100dvh);
  max-width: min(var(--pop-tip-pane-max-width), 100dvw);
  padding-block: var(--pop-tip-shape-padding-block);
  transition: opacity 0.2s;
  color: var(--box-text-color);
}
.pop-tip__pane > .title-bar {
  flex: none;
}

.pop-tip__pane-shape {
  position: absolute;
  inset: 0;
  z-index: -1;
  filter: var(--pop-tip-drop-shadow);
}
.pop-tip__pane-shape::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--pop-tip-background-color, Canvas);
  clip-path: var(--pop-tip-clip-path);
}

.pop-tip__pointer-sizer {
  pointer-events: none;
  position: absolute;
  width: var(--pointer-width);
  height: var(--pointer-width);
}

.pop-tip__scroll {
  overflow-y: auto;
  flex: auto;
}

:root {
  --is-tab-mode-horizontal: ;
  --is-tab-mode-vertical: initial;
  --tab-group-row-width: var(--page-row-max-width);
  --tab-group-row-padding-inline: var(--page-row-padding-inline);
}

tab-group {
  display: block;
}
tab-group[mode=testfit] .tab-group__tab-row > button, tab-group[mode=horizontal] .tab-group__tab-row > button {
  display: none;
}
tab-group[mode=vertical] {
  --is-tab-mode-horizontal: initial;
  --is-tab-mode-vertical: ;
  --tab-group-tab-layout: grid;
  --tab-group-tabs-hidden: none;
  --tab-group-tab-width: 100%;
}
tab-group > button {
  width: 100%;
}
tab-group > [role=tabpanel] {
  --section-focus-offset: calc(-2rem / 16);
}

[sticky] > .tab-group__tab-row {
  position: sticky;
  top: 0;
  z-index: 1;
}
.tab-group__tab-row > * {
  max-width: calc(var(--tab-group-row-width) + var(--tab-group-row-padding-inline) * 2);
  margin-inline: auto;
}

.tab-group__tablist {
  display: var(--tab-group-tab-layout, flex);
  grid-template-columns: 1fr;
  grid-auto-rows: min-content;
  row-gap: 0.0625rem;
  background-color: var(--tab-group-list-background-color);
  min-width: fit-content;
}
.tab-group__tablist li {
  display: contents;
}
.tab-group__tablist :where(a, button) {
  width: var(--tab-group-tab-width, auto);
  flex-grow: 1;
  flex-basis: 0;
}
:where(button[aria-expanded=false]) + .tab-group__tablist {
  display: var(--tab-group-tabs-hidden, var(--tab-group-tab-layout, flex));
}
tab-group[mode=testfit] .tab-group__tablist {
  --tab-group-tab-layout: flex;
}

.tab-group:has(switch-layout[mode=vertical]) {
  --is-tab-mode-horizontal: initial;
  --is-tab-mode-vertical: ;
  --tab-group-tab-layout: grid;
  --tab-group-tab-width: 100%;
}
.tab-group:has(switch-layout[mode=vertical]):has(button[aria-expanded=false]) .tab-group__tablist {
  display: none;
}
.tab-group:has(switch-layout[mode=testfit]) {
  --tab-group-tab-layout: flex;
}
.tab-group:has(switch-layout[mode=testfit]) .tab-group__tab-row > button, .tab-group:has(switch-layout[mode=horizontal]) .tab-group__tab-row > button {
  display: none;
}

:root {
  --is-switch-layout-mode-horizontal: ;
  --is-switch-layout-mode-vertical: initial;
}

switch-layout {
  display: block;
}

switch-layout[mode=horizontal],
switch-layout[mode=testfit] {
  --switch-layout-child-constrained-width: max-content;
}

switch-layout[mode=vertical] {
  --is-switch-layout-mode-horizontal: initial;
  --is-switch-layout-mode-vertical: ;
  --switch-layout-list-layout: grid;
  --switch-layout-item-width: 100%;
}

.switch-layout__flex-fit {
  --switch-layout-item-grow: 0;
  --switch-layout-item-basis: max-content;
  --switch-layout-column-gap: calc(15rem / 16);
  --switch-layout-row-gap: calc(15rem / 16);
}

.switch-layout__flex-equal {
  --switch-layout-item-grow: 1;
  --switch-layout-item-basis: 0;
  --switch-layout-column-gap: ;
  --switch-layout-row-gap: calc(1rem / 16);
}

[data-switch-layout--item-list] {
  display: var(--switch-layout-list-layout, flex);
  grid-template-columns: 1fr;
  grid-auto-rows: min-content;
  row-gap: var(--switch-layout-row-gap);
  column-gap: var(--switch-layout-column-gap);
  min-width: fit-content;
}
[data-switch-layout--item-list] > * {
  width: var(--switch-layout-item-width, auto);
  flex-grow: var(--switch-layout-item-grow);
  flex-basis: var(--switch-layout-item-basis);
}
tab-group[mode=testfit] [data-switch-layout--item-list] {
  --switch-layout-list-layout: flex;
}

.ui-box {
  --ui-box-padding: clamp(0.94rem, 1.09vw + 0.68rem, 1.25rem);
  --ui-box-padding-inline: var(--ui-padding-inline-alt, var(--ui-box-padding));
  --ui-box-padding-block: var(--ui-padding-block-alt, var(--ui-box-padding));
  padding-block: var(--ui-box-padding-block);
  padding-inline: var(--ui-box-padding-inline);
}

[data-container="--header-width"] {
  container: --header-width/inline-size;
}

.page-header {
  display: grid;
  grid-template-columns: 1fr minmax(max-content, auto) 1fr;
  align-items: center;
  padding: clamp(0.06rem, 0.75vw + -0.11rem, 0.56rem);
}
.page-header > * {
  margin-block: 0;
  grid-row-start: 1;
}

.page-header__back {
  grid-column-start: 1;
  justify-self: start;
}

.page-header__title {
  grid-column-start: 2;
  font-size: clamp(1.38rem, 1.31vw + 1.07rem, 2.25rem);
  line-height: 1;
}

@container --header-width (width < 52rem) {
  .page-header__back {
    --is-ui-mode-compact: initial;
    --is-ui-mode-large: ;
  }
}
.modal-dialog {
  --dialog-open-display: grid;
  grid-template-rows: minmax(0, 1fr);
}

.modal-dialog__layout {
  --modal-top-row: ;
  --modal-scroll-row: ;
  display: grid;
  grid-template-rows: min-content var(--modal-top-row) var(--modal-scroll-row);
  grid-template-columns: 0 [col-start] minmax(0, 1fr) [col-end] 0;
  column-gap: var(--modal-dialog-content-gutter-inline, 0);
  row-gap: var(--modal-dialog-block-gap, 0);
  grid-auto-rows: min-content;
  --modal-dialog-scroll-content-min-height: 6rem;
}
.modal-dialog__layout > * {
  grid-column: col-start/col-end;
}

.modal-dialog__layout--has-top-row {
  --modal-top-row: min-content;
}

.modal-dialog__layout--has-scroll-row {
  --modal-scroll-row: minmax(var(--modal-dialog-scroll-content-min-height), 1fr);
}

.modal-dialog__title-bar {
  grid-column: 1/-1;
}
.modal-dialog__title-bar + * {
  margin-top: var(--modal-dialog-title-bottom-margin, 0);
}

.modal-dialog__scroll-content {
  overflow-y: auto;
  min-height: var(--modal-dialog-scroll-content-min-height);
  max-height: var(--modal-dialog-scroll-content-max-height);
}

.modal-dialog__button-box {
  padding-inline: var(--modal-dialog-footer-padding-inline, 0);
  padding-block: var(--modal-dialog-footer-padding-block, 0);
  box-shadow: var(--modal-dialog-footer-box-shadow);
}

.modal-dialog__message {
  font-size: 1.375rem;
}

.modal-dialog--middle {
  --title-bar-padding: calc(5rem / 16);
  --title-bar-title-size: calc(22rem / 16);
  --title-bar-padding-left: clamp(1.25rem, 2.18vw + 0.74rem, 1.88rem);
  --modal-dialog-footer-padding-block: clamp(0rem, 6.54vw + -1.53rem, 1.88rem) clamp(1.88rem, 6.54vw + 0.34rem, 3.75rem);
  width: 41.25rem;
  max-width: calc(100vw - 1.25rem);
  max-height: calc(100dvh - 1.25rem);
  margin-top: 0.625rem;
  margin-inline: auto;
}
.modal-dialog--middle[open] {
  animation: slideFromTop 0.3s ease;
}

.modal-dialog--is-padded {
  --modal-dialog-content-gutter-inline: clamp(1.25rem, 8.71vw + -0.79rem, 3.75rem);
  --modal-dialog-block-gap: var(--block-gap);
  --modal-dialog-title-bottom-margin: clamp(0rem, 6.54vw + -1.53rem, 1.88rem);
}

.modal-dialog--side-drawer {
  --modal-dialog-footer-padding-block: calc(15rem / 16);
  --modal-dialog-footer-padding-inline: calc(15rem / 16);
  margin-left: auto;
  margin-block: 0;
  height: 100%;
  max-height: none;
}
.modal-dialog--side-drawer[open] {
  animation: slideFromRight 0.2s ease;
}

.modal-dialog--side-drawer-narrow {
  width: 40%;
  max-width: 25rem;
  min-width: min(19.6875rem, 100%);
}

.modal-dialog--side-drawer-wide {
  max-width: none;
  width: min(40rem, 100%);
}

.modal-dialog__title-bar .a-button__icon {
  --button-icon-size: var(--title-bar-title-size);
}

:root {
  --page-row-padding-inline: clamp(1.25rem, 1.38vw + 0.93rem, 1.88rem);
  --page-row-max-width: calc(1200rem / 16);
}

.page {
  display: grid;
  height: 100%;
  max-height: 100dvh;
  grid-template-rows: min-content minmax(0, 1fr) min-content;
  grid-template-columns: 1fr;
}

.page__pane {
  overflow-y: auto;
  scrollbar-gutter: stable;
  --pop-tip-hide: 1;
}

.page__pane--with-footer {
  display: grid;
  grid-template-rows: 1fr min-content;
}

.page__foot {
  position: relative;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
}

.page__buttons {
  padding-block-start: clamp(0.94rem, 1.09vw + 0.68rem, 1.25rem);
  padding-block-end: clamp(0.94rem, 2.4vw + 0.38rem, 1.63rem);
  padding-inline: clamp(0.94rem, 3.27vw + 0.17rem, 1.88rem);
}

:root {
  --nav-dismiss-display: block;
  --is-burger-displayed: ;
  --main-nav-bar-width: calc(86rem / 16);
  --main-nav-bar-collapsed-width: 0;
  --main-nav-on-screen: translateX(0%);
  --main-nav-off-screen: translateX(-100%);
  --main-nav-opened-transform: var(--main-nav-on-screen);
  --main-nav-closed-transform: var(--main-nav-off-screen);
}

@media (min-width: 52em) {
  :root {
    --nav-dismiss-display: none;
    --is-burger-displayed: initial;
    --nav-dialog-closed-display: grid;
    --main-nav-bar-collapsed-width: var(--main-nav-bar-width);
    --main-nav-closed-transform: var(--main-nav-on-screen);
  }
}
body:has(.side-nav-page-layout) {
  overflow: hidden;
}

.side-nav-page-layout {
  --side-nav-inline-padding: clamp(1.88rem, 11.28cqw + -4rem, 3.75rem);
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: var(--main-nav-bar-collapsed-width) minmax(0, 1fr);
  min-height: 100%;
}
.side-nav-page-layout > nav {
  display: grid;
  grid-column: 1/2;
  width: var(--main-nav-bar-width);
  transform: var(--main-nav-closed-transform);
  z-index: 1;
}
.side-nav-page-layout > nav:has(dialog[open]) {
  transform: var(--main-nav-opened-transform);
}

.side-nav-page-layout__content {
  grid-column-start: 2;
  align-self: start;
}

.side-nav-inline-padding {
  padding-inline: var(--side-nav-inline-padding);
}

@media print {
  .side-nav-page-layout {
    --main-nav-bar-collapsed-width: 0;
  }
  .side-nav-page-layout > nav {
    display: none;
  }
}
dialog-nav {
  --dialog-open-display: grid;
  display: grid;
}

.dialog-nav__dialog {
  position: static;
  display: var(--nav-dialog-closed-display, none);
  height: auto;
  max-height: none;
  max-width: none;
  overflow: hidden;
  background-color: transparent;
}
.dialog-nav__dialog:has(:popover-open) {
  --nav-dismiss-transform: translateX(200%);
}
.dialog-nav__dialog[open] {
  position: absolute;
  inset: 0;
  width: 100vw;
  overflow: auto;
}
.dialog-nav__dialog[open]::backdrop {
  background-color: rgba(33, 37, 41, 0.7);
  backdrop-filter: blur(1px);
  clip-path: inset(0 0 0 5.375rem);
}

.dialog-nav__side-bar {
  display: grid;
  grid-template-rows: 1fr auto 1fr;
  width: var(--main-nav-bar-width);
}
.dialog-nav__side-bar > button {
  align-self: start;
  display: var(--nav-dismiss-display);
  margin-inline: auto;
  transform: var(--nav-dismiss-transform, 0%);
}
.dialog-nav__side-bar > ul {
  grid-row: 2/3;
}

[data-container="--avatar"] {
  container: --avatar-width/inline-size;
}

.avatar {
  border-radius: 50%;
}

.avatar--highlighted {
  outline: solid 0.125rem var(--avatar-highlight-color, currentColor);
  outline-offset: 0.125rem;
}

.avatar--name {
  display: grid;
  aspect-ratio: 1/1;
  text-align: center;
  background-color: var(--avatar-name-background-color, CanvasText) !important;
}
.avatar--name > * {
  color: var(--avatar-name-color, Canvas);
  font-size: 40cqw;
  margin: auto;
}

.progress-stepper {
  position: relative;
  padding-inline: clamp(0.63rem, 4.36vw + -0.4rem, 1.88rem);
  padding-block: clamp(0.94rem, 3.27vw + 0.17rem, 1.88rem) clamp(2.25rem, 3.7vw + 1.38rem, 3.31rem);
}

.progress-stepper__list {
  display: flex;
  text-align: center;
  counter-reset: index;
  max-width: var(--progress-stepper-list-width);
  margin-inline: auto;
}
.progress-stepper__list > * {
  flex-basis: 0;
  flex-grow: 1;
  position: relative;
  counter-increment: index;
}

.progress-stepper--vertical {
  container-name: progress-stepper-vertical;
  container-type: inline-size;
}

@container progress-stepper-vertical (max-width: 600px) {
  .progress-stepper--vertical .progress-stepper__list {
    flex-direction: column;
    align-items: start;
  }
}
.progress-step {
  display: flex;
  margin: auto;
}
.progress-step::before {
  content: "";
  position: absolute;
  top: 50%;
  inset-inline: 0;
  transform: translateX(-50%);
  border-top: solid 0.125rem var(--progress-step-connector-color);
  z-index: 0;
}
:first-child > .progress-step::before {
  content: none;
}

.progress-step--done::after {
  content: "";
  position: absolute;
  inset: 0;
}

.progress-step__indicator {
  display: grid;
  place-content: center;
  margin: auto;
  position: relative;
  z-index: 2;
  line-height: 1;
  border-radius: 50%;
  color: var(--progress-step-color);
  border: solid 0.125rem var(--progress-step-border-color);
  background-color: var(--progress-step-background-color);
  font-weight: var(--progress-step-indicator-font-weight);
  font-size: var(--progress-step-indicator-font-size);
  min-width: var(--progress-step-indicator-min-width, 2rem);
  aspect-ratio: 1/1;
}

.progress-step__icon {
  display: block;
  --size: var(--progress-step-icon-size);
  width: var(--size);
  height: var(--size);
}

.progress-step__index {
  margin: auto;
}
.progress-step__index::before {
  content: counters(index, "");
  font-variant-numeric: tabular-nums;
}

.progress-step__label {
  position: absolute;
  top: 100%;
  inset-inline: 0;
  padding-top: 0.3125rem;
  padding-inline: 1ch;
  font-size: var(--progress-step-label-font-size);
  line-height: var(--progress-step-label-line-height);
}

.progress-stepper--vertical {
  container-name: progress-stepper-vertical;
  container-type: inline-size;
}

@container progress-stepper-vertical (max-width: 600px) {
  .progress-stepper--vertical .progress-step {
    flex-direction: row;
    position: relative;
    padding-block: 0.75rem;
  }
  .progress-stepper--vertical .progress-step::before {
    content: "";
    position: absolute;
    left: 50%;
    inset-inline: 0;
    transform: translateX(calc(var(--progress-step-indicator-min-width) / 2));
    border-left: solid 0.125rem var(--progress-step-connector-color);
    border-top: unset;
    top: unset;
    z-index: 0;
    height: 100%;
  }
  :first-child > .progress-stepper--vertical .progress-step::before {
    content: none;
  }
  .progress-stepper--vertical .progress-step .progress-step__label {
    position: relative;
  }
  .progress-stepper--vertical .progress-stepper__list li:last-child .progress-step::before {
    content: none;
  }
}
.alert {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding-block: 0.625rem;
  padding-inline: 1.25rem;
}
.alert > * {
  flex: none;
}

.alert__content {
  --block-gap: calc(4rem / 16);
  padding-block: 0.625rem;
  flex: auto;
}

.filled-field__label {
  --ui-box-padding-inline: 0rem;
  --ui-box-padding-block: calc(15rem / 16);
  --pop-tip-inline-height-offset: calc(-3rem / 16);
}

.filled-field__value {
  margin-block-start: 0.625rem;
  padding: 0.1875rem;
  display: flex;
  gap: 0.125rem;
  align-items: center;
  flex-wrap: wrap;
  min-height: 3.125rem;
  background-color: var(--filled-field-background-color, #ccc);
}
.filled-field__value > * {
  flex-grow: 0;
}

.filled-field__value--multiline {
  white-space: pre-line;
  padding-block: 0.9375rem;
}

.filled-field__right-icon {
  inline-size: 2.75rem;
  aspect-ratio: 1/1;
  display: grid;
  place-items: center;
  color: var(--filled-field-icon-color);
}

.filled-field__unit-prefix {
  width: 2.4375rem;
  text-align: center;
  color: var(--filled-field-unit-color);
}

.filled-field__text-value {
  padding-left: 1rem;
  flex-grow: 1;
}
* + .filled-field__text-value {
  padding-left: 0.75rem;
}

.filled-checkbox {
  display: grid;
  grid-template-columns: min-content var(--switch-layout-child-constrained-width, max-content);
  gap: 0.625rem;
  align-items: start;
  justify-content: start;
}

.filled-checkbox__label {
  position: relative;
  grid-row-start: 1;
  grid-column-start: 1;
  grid-column-end: -1;
  padding-left: var(--choice-bullet-label-indent, 2rem);
  padding-right: 0.9375rem;
  align-self: center;
}

.filled-checkbox__check {
  position: relative;
  width: var(--checkbox-input-size, 1em);
  aspect-ratio: 1/1;
  grid-row-start: 1;
  grid-column-start: 1;
  grid-column-end: 2;
  align-self: var(--choice-bullet-checkbox-align, auto);
  border: solid thin var(--checkbox-checked-disabled-border-color, currentColor);
}
.filled-checkbox__check[data-checked] {
  --filled-checkbox-checkmark: var(--checkbox-disabled-checkmark);
}
.filled-checkbox__check::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: var(--checkbox-border-radius, 0);
  background-color: var(--checkbox-checked-disabled-background-color, white);
  background-image: var(--filled-checkbox-checkmark);
}

.labelled-icon {
  display: flex;
  gap: var(--labelled-icon-gap, 0);
  align-items: var(--labelled-icon-item-align, center);
}
.labelled-icon > :where(:not(svg, img)) {
  flex: auto;
}
.labelled-icon > :where(svg, img) {
  flex: none;
}

.labelled-icon__icon {
  align-self: var(--labelled-icon-self-align);
  color: var(--labelled-icon-icon-color, inherit);
  background-color: var(--labelled-icon-icon-bgcolor, inherit);
  width: var(--labelled-icon-icon-size, 2rem);
  height: auto;
}

.tag {
  padding-block: var(--tag-padding-block);
  min-height: 2.75rem;
  box-sizing: border-box;
  color: var(--tag-color);
  border: solid 0.0625rem var(--tag-border-color);
  border-radius: 0.3125rem;
  background-color: var(--tag-background-color);
  padding-inline: 0.5rem;
}

.form-field {
  --_field-padding-inline-start: var(--field-padding-inline-start);
  --input-padding-inline-start: var(--_field-padding-inline-start);
  contain: layout;
}
.form-field > * {
  --block-gap: calc(10rem / 16);
}

.form-field__label-row {
  --ui-box-padding-inline: 0rem;
  --ui-box-padding-block: calc(15rem / 16);
  --pop-tip-inline-height-offset: calc(-3rem / 16);
  position: relative;
}

.form-field__label-row--status-layout {
  display: flex;
  flex-wrap: wrap;
  gap: 0.1875rem 1rem;
}
.form-field__label-row--status-layout > * {
  margin-right: var(--status-layout-negate-gap, auto);
}

.form-field__label--has-toggle-tip {
  --status-layout-negate-gap: calc(-12rem / 16);
}

.form-field__character-count {
  --status-layout-negate-gap: ;
}

.form-field__required-indicator {
  margin-left: 0.1875rem;
}

.form-field__field-layout {
  position: relative;
  min-height: var(--form-field-layout-height);
  display: flex;
}
.form-field__field-layout > *:is(input, select, textarea) {
  flex: auto;
  width: 100%;
}

.form-field__fieldset-layout {
  min-height: var(--form-field-layout-height);
  align-content: center;
}

.form-field__field-layout--textarea {
  --form-field-layout-height: calc(120rem / 16);
}

.form-field__field-layout--currency-symbol {
  --input-padding-inline-start: calc(var(--_field-padding-inline-start) + var(--form-field-currency-symbol-width));
}

.form-field__field-layout--left-icon {
  display: grid;
  grid-template-columns: [icon-start field-start] var(--form-field-left-icon-width) [icon-end] 1fr [field-end];
  grid-template-rows: [icon-start field-start] 1fr [icon-end field-end];
  --input-padding-inline-start: var(--form-field-left-icon-width);
}
.form-field__field-layout--left-icon > input {
  grid-area: field;
}

.form-field__field-layout--search {
  display: grid;
  grid-template-columns: [icon-start field-start] var(--form-field-left-icon-width) [icon-end] 1fr [button-start] var(--form-field-right-button-width) [button-end field-end];
  grid-template-rows: [icon-start field-start button-start] 1fr [icon-end field-end button-end];
  --input-padding-inline-start: var(--form-field-left-icon-width);
}
.form-field__field-layout--search:has(button:not([hidden])) {
  --input-padding-inline-end: var(--form-field-right-button-width);
}
.form-field__field-layout--search > input {
  grid-area: field;
}
.form-field__field-layout--search > button {
  grid-area: button;
  place-self: center;
}

.form-field__field-layout--right-button pop-tip {
  --pop-tip-main-axis-offset: 4;
  --pop-tip-alignment-axis-offset: -3;
  --pop-tip-drop-shadow: var(--form-field-popover-shadow);
}
.form-field__field-layout--right-button [type=password]::-webkit-credentials-auto-fill-button, .form-field__field-layout--right-button [type=password]::-ms-reveal {
  display: none;
}
.form-field__field-layout--right-button > :not(input):last-child {
  position: absolute;
  inset: var(--button-position-inset, 0.25rem);
  inset-inline-start: auto;
}
.form-field__field-layout--right-button {
  --input-padding-inline-end: var(--form-field-layout-height);
}

.form-field__field-layout--number-buttons {
  gap: 0.3125rem;
}
.form-field__field-layout--number-buttons input {
  text-align: center;
}
.form-field__field-layout--number-buttons > button {
  flex: none;
  align-self: center;
}
.form-field__field-layout--number-buttons > * {
  width: auto;
}

.form-field__left-icon {
  place-self: center;
  width: fit-content;
  grid-area: icon;
  z-index: 1;
  color: var(--form-field-icon-color);
  pointer-events: none;
}

.form-field__currency {
  position: absolute;
  inset: 0.0625rem;
  inset-inline-end: auto;
  pointer-events: none;
  width: var(--form-field-currency-symbol-width);
  font-size: 1rem;
  text-align: center;
  line-height: var(--form-field-layout-height);
  color: var(--form-field-extra-label-color);
  background-color: var(--form-field-extra-label-background-color);
  border-right: solid thin var(--form-field-currency-symbol-border-color, transparent);
}

.form-field__unit-label {
  flex-basis: min-content;
  background-color: var(--form-field-extra-label-background-color);
  border: solid 0.0625rem var(--form-field-extra-label-border-color);
  border-left-style: none;
  color: var(--form-field-extra-label-color);
  padding-inline: 0.9375rem;
  display: flex;
  align-items: center;
  z-index: -1;
}

.validation-message {
  --labelled-icon-icon-size: var(--validation-message-icon-size);
  --labelled-icon-gap: var(--validation-message-icon-gap);
  color: var(--validation-color);
}

.warning-message {
  --labelled-icon-icon-size: calc(18rem / 16);
  --labelled-icon-gap: calc(7rem / 16);
  color: var(--color-orange-dark);
}

.layout-grid {
  display: grid;
  column-gap: var(--_layout-grid-column-gap);
  row-gap: var(--block-gap);
}
.layout-grid > * {
  grid-column-start: 1;
  grid-column-end: -1;
}

.layout-grid--auto {
  --_max-col-width: 100% / var(--_max-cols, infinity) - var(--_layout-grid-column-gap);
  --_column-width: max(
  	var(--_max-col-width),
  	min(var(--_min-col-width, 16rem), 100%)
  );
  grid-template-columns: repeat(auto-fit, minmax(var(--_column-width), 1fr));
}

.layout-grid--max-cols-two {
  --_max-cols: 2;
}

.layout-grid--max-cols-three {
  --_max-cols: 3;
}

.layout-grid--max-cols-four {
  --_max-cols: 4;
}

.layout-grid--col-width-tiny {
  --_min-col-width: 10rem;
}

.layout-grid--col-width-small {
  --_min-col-width: 15rem;
}

.layout-grid--col-width-smallish {
  --_min-col-width: 17.5rem;
}

.layout-grid--col-width-medium {
  --_min-col-width: 20rem;
}

.layout-grid--col-width-xlarge {
  --_min-col-width: 36rem;
}

.layout-grid--two {
  grid-template-columns: 1fr 1fr;
}

.layout-grid--two-four {
  grid-template-columns: 1fr 1fr;
}

.layout-grid--one-three {
  --_layout-grid-column-span: 3;
  grid-template-columns: 1fr 1fr 1fr;
}

.layout-grid--gutter-block {
  --_layout-grid-column-gap: var(--block-gap);
}

.layout-grid--gutter-tight {
  --_layout-grid-column-gap: calc(10rem / 16);
}

.layout-grid--gutter-narrow {
  --_layout-grid-column-gap: calc(20rem / 16);
}

.layout-grid--gutter-default {
  --_layout-grid-column-gap: calc(30rem / 16);
}

.layout-grid--gutter-wide {
  --_layout-grid-column-gap: calc(40rem / 16);
}

:where(.layout-grid) > .layout-grid__columns {
  display: contents;
}
.layout-grid__columns > * {
  grid-column-start: auto;
  grid-column-end: span var(--_layout-grid-column-span, 1);
}

.layout-grid__columns--unspanned {
  --_layout-grid-column-span: 1;
}

.layout-grid__columns--half-wide-layout {
  --_layout-grid-column-span: 2;
}

.layout-grid__columns--new-row > *:first-child {
  grid-column-start: 1;
}

@container --content-width (width > 46.875rem) {
  .layout-grid--two-four {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .layout-grid__columns--one-third-layout {
    --_layout-grid-column-span: 1;
  }
  .layout-grid__columns--two-third-layout {
    --_layout-grid-column-span: 2;
  }
  .layout-grid__columns--half-layout {
    --_layout-grid-column-span: 2;
  }
}
.layout-columns {
  columns: var(--_layout-column-width, 1);
  column-gap: var(--_layout-columns-column-gap);
}
.layout-columns > * {
  break-inside: avoid;
}

.layout-columns--width-small {
  --_layout-column-width: clamp((110rem / 16), 15cqw, (180rem / 16));
}

.layout-columns--width-medium {
  --_layout-column-width: calc(270rem / 16);
}

.layout-columns--gutter-default {
  --_layout-columns-column-gap: var(--block-gap);
}

.layout-columns--gutter-wide {
  --_layout-columns-column-gap: calc(40rem / 16);
}

.layout-columns--gutter-narrow {
  --_layout-columns-column-gap: calc(20rem / 16);
}

.layout-columns--gutter-pixel {
  --_layout-columns-column-gap: calc(1rem / 16);
}

.layout-flex {
  --_layout-flex-gap: var(--layout-flex-gap);
  --_layout-flex-column-basis: var(--layout-flex-column-basis, calc(750rem / 16));
  display: flex;
  flex-wrap: wrap;
  gap: var(--_layout-flex-gap);
  align-items: flex-start;
}
:where(.layout-flex > *) {
  flex-grow: 1;
  flex-basis: calc((var(--_layout-flex-column-basis) - 100%) * 999);
}

:where(.layout-flex--max-half-sidebar-end > *:first-child,
.layout-flex--fixed-sidebar-end > *:first-child) {
  flex-grow: 999;
  flex-basis: 0;
  min-inline-size: var(--layout-flex-content-min, 0);
}
:where(.layout-flex--max-half-sidebar-end > *:nth-child(2),
.layout-flex--fixed-sidebar-end > *:nth-child(2)) {
  flex-grow: 1;
  flex-basis: auto;
}

.layout-flex--fixed-sidebar-end {
  --icon-form-button-width: calc(50rem / 16);
  --_fixed-button-offset: calc(var(--icon-form-button-width) + var(--_layout-flex-gap));
}
.layout-flex--fixed-sidebar-end:has(> .fixed-sidebar-end--form-button) {
  margin-inline-end: var(--_fixed-button-offset);
}

.fixed-sidebar-end--form-button {
  padding-block-start: 1.75rem;
  margin-inline-end: calc(-1 * (var(--_fixed-button-offset)));
}

.layout-flex--max-half-sidebar-end {
  --layout-flex-content-min: calc((100% - var(--block-gap)) / 2);
}

.layout-flex--one-third-sidebar-end {
  --_gap: var(--_layout-flex-gap);
  --_one-third: calc((100% - (var(--_gap) * 2)) / 3);
  --_two-third: calc(100% - var(--_one-third) - var(--_gap));
}
:where(.layout-flex--one-third-sidebar-end > *:first-child) {
  flex-grow: 999;
  flex-basis: 0;
  min-inline-size: var(--_two-third);
}
:where(.layout-flex--one-third-sidebar-end > *:nth-child(2)) {
  flex-grow: 1;
  flex-basis: var(--_one-third);
  min-inline-size: var(--layout-flex-sidebar-min, var(--_layout-flex-sidebar-min, 0));
}

.layout-flex--sidebar-small {
  --_layout-flex-sidebar-min: 15rem;
}

.layout-flex--sidebar-smallish {
  --_layout-flex-sidebar-min: 17.5rem;
}

.layout-flex--sidebar-medium {
  --_layout-flex-sidebar-min: 20rem;
}

.layout-flex--sidebar-xlarge {
  --_layout-flex-sidebar-min: 36rem;
}

.layout-flex--gutter-default {
  --_layout-flex-gap: var(--block-gap);
}

.layout-flex--gutter-wide {
  --_layout-flex-gap: calc(40rem / 16);
}

.layout-flex--gutter-narrow {
  --_layout-flex-gap: calc(20rem / 16);
}

.layout-flex--align-items-end {
  align-items: flex-end;
}

.choice-bullet {
  display: grid;
  grid-template-columns: min-content var(--switch-layout-child-constrained-width, fit-content);
  align-items: start;
  justify-content: start;
  --choice-bullet-focus-offset: calc(4rem / 16);
  padding-block-start: max(var(--choice-bullet-focus-offset), var(--choice-bullet-padding-top, 0));
  padding-block-end: max(var(--choice-bullet-focus-offset), var(--choice-bullet-padding-bottom, 0));
}

.choice-bullet--center-aligned {
  --choice-bullet-checkbox-align: center;
}

.choice-bullet__input {
  grid-row-start: 1;
  grid-column-start: 1;
  grid-column-end: 2;
  align-self: var(--choice-bullet-checkbox-align, auto);
}

.choice-bullet__label {
  position: relative;
  grid-row-start: 1;
  grid-column-start: 1;
  grid-column-end: -1;
  padding-left: var(--choice-bullet-label-indent, 2rem);
  padding-right: 0.9375rem;
  align-self: center;
}
.choice-bullet__label::before {
  content: "";
  position: absolute;
  inset: calc(var(--choice-bullet-focus-offset) * -1);
  outline: var(--_choice-focus-outline);
  pointer-events: none;
  border-radius: 0.25rem;
}
input:focus-visible + .choice-bullet__label {
  z-index: 2;
  --_choice-focus-outline: var(--focus-outline);
}

.choice-button {
  display: grid;
}

.choice-button--align-center {
  text-align: center;
}

.choice-button__label {
  position: relative;
  display: block;
  padding-block: 0.8125rem;
  padding-inline: 1.1875rem;
  line-height: 1.3;
  outline: solid thin var(--choice-button-border-color);
  color: var(--choice-button-color);
  font-size: 1rem;
  background-color: var(--choice-button-background-color);
  min-width: var(--switch-layout-child-constrained-width, fit-content);
}
:where(input:not(:disabled)) + .choice-button__label:hover {
  outline-color: var(--choice-button-hover-border-color);
  background-color: var(--choice-button-hover-background-color);
}
input:checked + .choice-button__label {
  z-index: 2;
  color: var(--choice-button-checked-color);
  outline-color: var(--choice-button-checked-border-color);
  background-color: var(--choice-button-checked-background-color);
}
fieldset:disabled .choice-button__label {
  color: var(--choice-button-disabled-color);
  outline-color: var(--choice-button-disabled-border-color);
  background-color: var(--choice-button-disabled-background-color);
}
.choice-button__label::before {
  content: "";
  position: absolute;
  inset: 0.1875rem;
  outline: var(--radio-focus-outline);
  pointer-events: none;
}
input:focus-visible + .choice-button__label {
  z-index: 3;
  --radio-focus-outline: var(--focus-outline);
}

.radio-icon-button {
  display: grid;
}

.radio-icon-button__label {
  --choice-button-icon-size: calc(32rem / 16);
  position: relative;
  display: grid;
  grid-template-columns: min-content auto;
  column-gap: 0.9375rem;
  align-items: center;
  padding-block: 0.9375rem;
  padding-inline: 1.25rem;
  line-height: 1.3;
  outline: solid thin var(--choice-button-border-color);
  color: var(--choice-button-color);
  background-color: var(--choice-button-background-color);
}
[mode=horizontal] .radio-icon-button__label {
  --choice-button-icon-size: calc(48rem / 16);
  grid-template-columns: auto;
  grid-template-rows: min-content 2.75rem;
  text-align: center;
  padding-block: 1.25rem;
  padding-inline: 1.25rem;
}
:where(input:not(:disabled)) + .radio-icon-button__label:hover {
  outline-color: var(--choice-button-hover-border-color);
  background-color: var(--choice-button-hover-background-color);
}
input:checked + .radio-icon-button__label {
  z-index: 2;
  color: var(--choice-button-checked-color);
  outline-color: var(--choice-button-checked-border-color);
  background-color: var(--choice-button-checked-background-color);
}
fieldset:disabled .radio-icon-button__label {
  color: var(--choice-button-disabled-color);
  outline-color: var(--choice-button-disabled-border-color);
  background-color: var(--choice-button-disabled-background-color);
  cursor: not-allowed;
}
.radio-icon-button__label::before {
  content: "";
  position: absolute;
  inset: -0.125rem;
  outline: var(--radio-focus-outline);
  pointer-events: none;
}
input:focus-visible + .radio-icon-button__label {
  z-index: 2;
  --radio-focus-outline: var(--focus-outline);
}

.radio-icon-button__icon {
  width: var(--choice-button-icon-size);
  height: var(--choice-button-icon-size);
  color: var(--choice-button-icon-color);
}
input + label:hover .radio-icon-button__icon {
  color: var(--choice-button-hover-icon-color);
}
input:checked + label .radio-icon-button__icon {
  z-index: 2;
  color: var(--choice-button-selected-icon-color);
}
input:checked + label:hover .radio-icon-button__icon {
  color: var(--choice-button-selected-hover-icon-color);
}
input:disabled + label .radio-icon-button__icon, input:disabled + label:hover .radio-icon-button__icon {
  color: var(--choice-button-disabled-icon-color);
}
[mode=horizontal] .radio-icon-button__icon {
  margin-inline: auto;
}

.field-group__layout {
  --layout-flex-gap: calc(10rem / 16);
  --layout-flex-column-basis: calc(300rem / 16);
}

.ui-button-joiner {
  display: flex;
  flex: none;
  position: relative;
  z-index: 1;
}
.ui-button-joiner > * {
  position: relative;
}
.ui-button-joiner > *:focus-visible {
  z-index: 1;
}
.ui-button-joiner > *:not(.a-button--has-icon-left) {
  flex-grow: 1;
}
.ui-button-joiner > *:not(:first-child):not(:last-child) {
  --button-border-top-left-radius: 0;
  --button-border-top-right-radius: 0;
  --button-border-bottom-right-radius: 0;
  --button-border-bottom-left-radius: 0;
  --button-border-right-width: calc(1rem / 16);
  --button-border-left-width: calc(1rem / 16);
}
.ui-button-joiner > *:not(:first-child):not(:last-child):not(.a-button--has-icon-left) {
  padding-inline: 0.625rem;
  min-width: 2.625rem;
}
.ui-button-joiner > *:first-child {
  --button-border-top-right-radius: 0;
  --button-border-bottom-right-radius: 0;
  --button-border-right-width: calc(1rem / 16);
}
.ui-button-joiner > *:first-child:not(.a-button--has-icon-left) {
  padding-right: 0.625rem;
  min-width: 3rem;
}
.ui-button-joiner > *:last-child {
  --button-border-top-left-radius: 0;
  --button-border-bottom-left-radius: 0;
  --button-border-left-width: calc(1rem / 16);
}
.ui-button-joiner > *:last-child:not(.a-button--has-icon-left) {
  padding-left: 0.625rem;
  min-width: 3rem;
}

.data-review {
  --_data-review-inline-badge-padding: calc(32rem / 16);
  --inline-divider-color: var(--data-review-border-color);
}
.data-review > * {
  --block-gap: calc(15rem / 16);
}
.data-review h3 {
  padding-block: var(--_data-review-heading-block-padding, 0);
  padding-inline: var(--_data-review-inline-padding, 0);
  color: var(--_data-review-boxed-heading-color);
  background-color: var(--_data-review-boxed-heading-background-color);
}

.data-review--boxed {
  --_data-review-heading-block-padding: calc(15rem / 16);
  --_data-review-inline-padding: calc(15rem / 16);
  --_data-review-boxed-heading-color: var(--data-review-boxed-heading-color);
  --_data-review-boxed-heading-background-color: var(--data-review-boxed-heading-background-color);
  --grid-fill-background-color: var(--data-review-grid-background-fill);
}
.data-review--boxed > * {
  --block-gap: 0px;
}

.data-review--spacing-compact {
  --data-review-item-spacing: calc(10rem / 16);
}

.data-review__item-list {
  --grid-border-color: var(--data-review-border-color);
}
.data-review__item-list > * {
  padding-block: var(--data-review-item-spacing, 0.9375rem);
}

.data-review__item-list--values-at-end {
  --_data-review-item-value-align: right;
  --_data-review-item-value-grow: 1;
  --_data-review-dt-width: fit-content;
  --_data-review-item-value-width: fit-content;
}

.data-review__item {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
  padding-inline: var(--_data-review-inline-padding, 0);
}
.data-review__item:has(.data-review__badge-icon) {
  position: relative;
  padding-inline-end: calc(var(--_data-review-inline-padding, 0px) + var(--_data-review-inline-badge-padding));
}
.data-review__item dt {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: var(--_data-review-dt-width, 7.8125rem);
  font-size: var(--data-review-dt-font-size);
  color: var(--data-review-dt-color);
}
.data-review__item dd {
  flex-grow: var(--_data-review-item-value-grow, 999);
  min-width: var(--_data-review-item-value-width, 60%);
  flex-basis: 0;
  text-align: var(--_data-review-item-value-align, left);
}
.data-review__item dd small {
  color: var(--data-review-dt-color);
}

.data-review__icon-item {
  display: grid;
  grid-template-columns: min-content 1fr;
  grid-template-areas: "icon label";
  gap: 0.625rem;
  align-items: center;
  justify-content: start;
  padding-inline: var(--_data-review-inline-padding, 0);
}
.data-review__icon-item dt {
  grid-area: label;
}
.data-review__icon-item dd {
  grid-area: icon;
}

.data-review__icon {
  display: block;
  color: var(--icon-theme-color);
}

.data-review__badge-icon {
  position: absolute;
  inset-inline-end: 0;
  margin-block-start: 0.5lh;
  transform: translateY(-50%);
  color: var(--icon-theme-color);
}

.inline-wrapping-bricks {
  display: flex;
  flex-wrap: wrap;
  align-items: var(--inline-wrapping-bricks-align, center);
  row-gap: var(--inline-wrapping-bricks-row-gap, var(--inline-wrapping-bricks-gap, 0.1875rem));
  column-gap: var(--inline-wrapping-bricks-column-gap, var(--inline-wrapping-bricks-gap, 0.1875rem));
}
.inline-wrapping-bricks > * {
  flex: none;
  width: fit-content;
}
.inline-wrapping-bricks flex-space {
  flex-grow: 1;
  margin-right: calc(-1 * var(--inline-wrapping-bricks-column-gap, var(--inline-wrapping-bricks-gap)));
}

.micro-tag {
  display: block;
  padding-inline: 0.25rem;
  line-height: 1.5;
  font-size: 0.625rem;
  text-transform: uppercase;
  color: var(--category-theme-color, var(--box-text-color));
  background-color: var(--category-theme-background-color, var(--box-background-color));
  border-radius: 0.1875rem;
}
.micro-tag:where(a) {
  --link-color: var(--category-theme-color, var(--box-text-color));
  --link-hover-color: var(--category-theme-color, var(--box-text-color));
  --link-background-color: var(--category-theme-background-color);
  --link-hover-background-color: var(--category-theme-accent-color);
  --focus-offset: 0;
}

.micro-tag-group {
  --inline-wrapping-bricks-column-gap: calc(3rem / 16);
  --inline-wrapping-bricks-row-gap: calc(3rem / 16);
}

.data-table {
  table-layout: fixed;
  width: var(--data-table-width, 100%);
  overflow-wrap: break-word;
}
.data-table tr.box-theme {
  --table-saw-row-background-color: var(--box-background-color);
}

thead th:has(button) {
  padding: 0;
}

td.button-cell:empty {
  --table-saw-cell-display: none;
}
td.button-cell:empty::before {
  content: "";
  display: block;
  block-size: 2.625rem;
}

@media print {
  .data-table {
    --link-text-decoration: none;
    --link-color: black !important;
  }
  .data-table thead th {
    --_table-cell-border-block-end: solid 0.15pt black;
  }
  .data-table td,
  .data-table th {
    --_table-cell-color: black !important;
    --_table-cell-background-color: white !important;
    --_table-cell-font-size: 10pt;
  }
}
.loading-panel {
  display: var(--loading-panel-display, block);
  min-height: var(--_loading-panel-min-height, 0);
}
.loading-panel[inert] {
  position: relative;
  --_loading-panel-min-height: var(--loading-panel-min-height, calc(200rem / 16));
}

.loading-panel__overlay {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
}

.loading-panel__pending-icon {
  display: block;
}

.cell-checkbox__input:focus-visible {
  outline: var(--focus-outline);
}

.cell-checkbox__label {
  position: absolute;
  inset: 0;
}

.viewport-pane {
  height: 100dvh;
}

.scroll-fit-pane {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

.scroll-fit-pane--pane-first {
  grid-template-rows: minmax(0, 1fr) min-content;
}

.scroll-fit-pane--pane-last {
  grid-template-rows: min-content minmax(0, 1fr);
}

.scroll-fit-pane--pane-only {
  grid-template-rows: minmax(0, 1fr);
}

.input-placeholder {
  font-size: 1rem;
  line-height: 1.3;
  padding: 0.1875rem;
  padding-left: 1rem;
  display: flex;
  gap: 0.125rem;
  align-items: center;
  flex-wrap: wrap;
  min-height: 3.125rem;
}
.input-placeholder > * {
  flex-grow: 0;
}

.confirm-message {
  --block-gap: calc(15rem / 16);
  text-align: center;
}

.confirm-message__icon {
  display: inline-block;
  width: 6rem;
  height: 6rem;
  color: var(--icon-theme-color);
}

.confirm-message__title {
  --block-gap: calc(30rem / 16);
  font-size: clamp(1.13rem, 1.31cqw + 0.84rem, 1.38rem);
  line-height: 1.3;
}

.content-box {
  --content-box-padding: clamp(1.25rem, 5.23cqw + 0.16rem, 3.75rem);
  padding-block: var(--content-box-padding-block, var(--content-box-padding));
  padding-inline: var(--content-box-padding-inline, var(--content-box-padding));
}

.content-box--pad-min {
  --content-box-padding: calc(20rem / 16);
}

.content-box--pad-medium {
  --content-box-padding: clamp(1.25rem, 2.64cqw + 0.63rem, 1.88rem);
}

.content-box--block-pad-large {
  --content-box-padding-block: clamp(2.5rem, 2.61cqw + 1.95rem, 3.75rem);
}

.header-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.25rem;
}
.header-row > * {
  margin-block: 0;
}
.header-row > h2 {
  flex-grow: 999;
  flex-basis: 10em;
}
.header-row > div {
  flex-grow: 1;
  --flex-item-narrow-width: max-content;
  --flex-item-grow-narrow: 0;
}

:root {
  --inline-divided-divider-col-gap: calc(10rem / 16);
}

.inline-divided {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: var(--inline-divided-divider-row-gap, 0);
  column-gap: calc(var(--inline-divided-divider-col-gap) * 2);
  padding: var(--inline-divided-clip-padding, 0);
  overflow: hidden;
}
.inline-divided > * {
  flex: none;
  width: fit-content;
}
.inline-divided > * > * {
  vertical-align: middle;
}
.inline-divided > *::before {
  content: "";
  border-left: solid 1px var(--inline-divided-divider-color, currentColor);
  max-height: var(--inline-divided-divider-height, 1em);
  vertical-align: middle;
  padding-inline-start: var(--inline-divided-divider-col-gap);
  margin-inline-start: calc(-1 * var(--inline-divided-divider-col-gap));
}

.inline-divider::before {
  content: " ";
  word-spacing: 1ch;
  background-image: linear-gradient(var(--inline-divider-color, currentColor));
  background-size: 1px 1cap;
  background-position-x: 50%;
  background-position-y: calc((1lh - 1cap) / 2);
  background-repeat: no-repeat;
}

.banner-notification {
  --labelled-icon-self-align: flex-start;
  --labelled-icon-gap: clamp(0.63rem, 1.63cqw + 0.26rem, 0.94rem);
  --labelled-icon-icon-size: clamp(3rem, 15.69cqw + -0.47rem, 6rem);
}

.banner-notification__icon {
  color: var(--icon-theme-color);
}

.banner-notification__content > * {
  --block-gap: calc(15rem / 16);
}

.banner-notification__title {
  font-size: clamp(1.13rem, 1.31cqw + 0.84rem, 1.38rem);
  line-height: 1.3;
}

.quicklink-group {
  display: grid;
  gap: var(--quicklink-group-gap, 0.0625rem);
  grid-template-columns: repeat(auto-fit, minmax(min(16rem, 100%), 1fr));
  position: relative;
}
.quicklink-group > *:focus-visible {
  z-index: 1;
}

.quicklink-group--expanding {
  --quicklink-group-gap: calc(4rem / 16);
  --quicklink-font-size: 1rem;
  --quicklink-padding: calc(20rem / 16);
  --quicklink-icon-size: clamp(1.5rem, 6.86cqw + -0.11rem, 3.13rem);
}

.titled-section {
  --form-section-divider-margin: calc(var(--block-gap, (30rem / 16)) + (15rem / 16));
}
.titled-section + .titled-section.titled-section--dividers {
  margin-block-start: var(--form-section-divider-margin);
  border-top: var(--form-section-divider-border, thin solid);
  padding-block-start: var(--form-section-divider-margin);
}

.search-filter {
  --ui-padding-inline-alt: clamp(1.25rem, 2.18cqw + 0.74rem, 1.88rem);
}

.search-filter__input-box {
  --ui-padding-block-alt: var(--ui-padding-inline-alt);
}

.search-filter__filter-bar {
  --ui-padding-block-alt: calc(15rem / 16);
}

.search-filter__chip-group {
  --inline-wrapping-bricks-gap: calc(5rem / 16);
  --flex-item-width: max-content;
  --flex-item-narrow-width: max-content;
  --flex-item-grow-narrow: 0;
  flex-shrink: 999;
}

.horizontal-menu {
  display: flex;
  flex-wrap: wrap;
}
.horizontal-menu > * {
  flex-basis: 0;
  flex-grow: 1;
}

.accordion-item {
  --_accordion-item-padding-inline: clamp(1.25rem, 2.94cqw + 0.7rem, 1.88rem);
}

.accordion-item__button {
  display: flex;
  gap: 0.625rem;
  justify-content: space-between;
  text-align: left;
  width: 100%;
  padding-block: 1.25rem;
  padding-inline-start: var(--_accordion-item-padding-inline);
  padding-inline-end: calc(var(--_accordion-item-padding-inline) - 0.3125rem);
  --inline-wrapping-bricks-align: baseline;
  --inline-wrapping-bricks-column-gap: calc(10rem / 16);
  --inline-wrapping-bricks-row-gap: calc(2rem / 16);
}

:is(h2, h3, h4):has(.accordion-item__button) {
  margin-block: 0;
}

.accordion-item__content {
  padding-block: 1.875rem;
  padding-inline: var(--_accordion-item-padding-inline);
}
.accordion-item__content > * {
  --block-gap: calc(10rem / 16);
}

.sub-nav-link {
  --link-display: flex;
  --link-border-style: none;
  --focus-offset: calc(-2rem / 16);
  --_tab-selected-border-color: transparent;
  --_tab-selected-rule-width: calc(4rem / 16);
  padding-block: 0.375rem;
  padding-inline: 1rem;
  --link-label-margin-inline: var(--is-switch-layout-mode-horizontal, 0);
  min-height: clamp(2.63rem, 3.92vw + 1.71rem, 3.75rem);
  font-size: clamp(0.88rem, 0.44vw + 0.77rem, 1rem);
  justify-content: var(--is-switch-layout-mode-vertical, center);
  text-align: var(--is-switch-layout-mode-vertical, center);
  background-image: var(--is-switch-layout-mode-vertical, linear-gradient(0deg, var(--_tab-selected-border-color) 0rem var(--_tab-selected-rule-width), transparent var(--_tab-selected-rule-width) 100%));
  border-left: var(--is-switch-layout-mode-horizontal, solid var(--_tab-selected-rule-width) var(--_tab-selected-border-color));
}
.sub-nav-link[aria-current] {
  --_tab-selected-border-color: var(--link-selected-border-color);
}

.breadcrumb {
  --inline-wrapping-bricks-row-gap: var(--breadcrumb-row-gap);
  padding-block: var(--breadcrumb-padding-block);
  padding-inline: var(--breadcrumb-padding-inline);
  font-size: clamp(0.69rem, 0.74cqw + 0.53rem, 0.88rem);
}

.breadcrumb__item-link {
  --link-icon-gap: var(--breadcrumb-link-icon-gap);
  --link-icon-size: var(--breadcrumb-link-icon-size);
  --link-color: var(--breadcrumb-link-color);
  --link-hover-color: var(--breadcrumb-link-hover-color);
  --link-hover-text-decoration: underline;
  --link-selected-color: var(--breadcrumb-link-selected-color);
  border-radius: var(--breadcrumb-link-border-radius);
}

.breadcrumb__item-link--root {
  --link-icon-color: var(--breadcrumb-home-icon-color);
}

.breadcrumb__item-link--child {
  --link-icon-color: var(--breadcrumb-link-icon-color);
  --link-selected-icon-color: var(--breadcrumb-link-selected-icon-color);
}

popover-panel[popover] {
  --popover-background-color: transparent;
  --popover-margin-inline: var(--main-nav-bar-width);
  --popover-inset: 0;
  display: grid;
  grid-template-areas: "fill";
  width: 18.75rem;
  height: auto;
  overflow: hidden;
}
popover-panel[popover]:not(:popover-open) {
  display: none;
}
popover-panel[popover] [popovertarget] {
  position: absolute;
  top: 0;
  right: 0;
}

@keyframes slide-panel {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0%);
  }
}
.popover-panel__inner {
  padding-block-start: 5rem;
  padding-inline: 0.625rem;
  overflow-y: auto;
  animation-duration: 0.25s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
  grid-area: fill;
  --list-block-gap: 2px;
}
:popover-open .popover-panel__inner {
  animation-name: slide-panel;
}

.main-nav-section-link {
  --link-icon-size: calc(28rem / 16);
  --link-display: block;
  padding-block-start: 0.875rem;
  padding-block-end: 1.0625rem;
  padding-inline: 0.5rem;
  font-size: 0.6875rem;
  line-height: 1.1;
  text-align: center;
  background-image: linear-gradient(90deg, var(--link-ribbon-color, transparent) 0rem 0.25rem, transparent 0.25rem 100%);
}
.main-nav-section-link:focus-visible {
  outline: none;
  position: relative;
}
.main-nav-section-link:focus-visible::after {
  content: "";
  position: absolute;
  inset: 0.25rem;
  border-radius: 0.375rem;
  border: var(--focus-outline);
}
.main-nav-section-link[aria-current] {
  --link-selected-background-color: var(--link-current-background-color);
  --link-ribbon-color: var(--link-current-ribbon-color);
  --link-selected-icon-color: var(--link-current-icon-color);
}
.main-nav-section-link[aria-current]:hover {
  --link-selected-background-color: var(--link-current-hover-background-color);
  --link-selected-icon-color: var(--link-current-hover-icon-color);
}
.main-nav-section-link > * {
  display: block;
  margin-inline: auto;
}
.main-nav-section-link .a-link__icon {
  margin-block-end: 0.4375rem;
}

.main-nav-link {
  --link-display: flex;
  --link-text-align: left;
  --focus-offset: calc(-2rem / 16);
  padding-block: 1.125rem;
  padding-inline: 1.875rem;
}

simple-tab-group {
  display: block;
  position: relative;
}
simple-tab-group > button {
  width: 100%;
}
simple-tab-group > [role=tabpanel] {
  --section-focus-offset: calc(-2rem / 16);
}
simple-tab-group::before {
  content: "";
  grid-column: 1/-1;
  grid-row: 1/2;
  position: absolute;
  inset-inline: 0;
  inset-block-end: 0;
  border-bottom: var(--simple-tab-group-bottom-border, medium solid);
  z-index: 0;
}

.simple-tab-group__tablist {
  display: flex;
  z-index: 1;
}
.simple-tab-group__tablist :where(a, button) {
  width: auto;
  flex-grow: 1;
  flex-basis: 0;
}

.row-title > * {
  display: block;
}

.row-title__title {
  color: var(--table-rowheader-color);
  font-weight: var(--table-rowheader-font-weight);
  font-size: 1rem;
  overflow-wrap: break-word;
}
.row-title__title ~ * {
  font-size: 0.6875rem;
  color: var(--_table-cell-secondary-color);
}

.divider {
  padding-block: 0.9375rem;
  height: 0.0625rem;
  box-sizing: content-box;
  background-color: var(--divider-color, currentColor);
  background-clip: content-box;
}

[data-required=true]:after, [required=true]:after {
  content: var(--required-indicator-content, " *");
  color: var(--required-indicator-color, red);
  font-weight: var(--required-indicator-weight, 700);
}

.micro-message {
  --labelled-icon-icon-size: calc(18rem / 16);
  --labelled-icon-gap: calc(5rem / 16);
  --labelled-icon-icon-color: var(--icon-theme-color);
  font-size: 0.875rem;
}

.main-header h2 {
  margin-inline-start: var(--is-burger-displayed, var(--main-header-padding-inline-start));
}

.main-header__top-bar {
  min-height: var(--main-header-height);
  padding-block: var(--main-header-padding-block);
  padding-inline-end: var(--main-header-padding-inline-end);
  border-bottom: var(--main-header-top-bar-bottom-border, solid thin currentColor);
  align-content: center;
}

.main-header__left {
  flex-grow: 1;
  display: flex;
  align-items: center;
  column-gap: var(--main-header-col-gap, var(--button-row-gap));
}
.main-header__left > * {
  margin-block: 0;
}
.main-header__left > button.a-button--variant-burger {
  --a-button-display-override: var(--is-burger-displayed, none);
}

.cell-icon {
  display: block;
  margin-inline: var(--cell-icon-inline);
}

.cell-thumb {
  --labelled-icon-gap: calc(15rem / 16);
}

.table-wrapper {
  --side-scroll-shadow-depth: 0.15;
  --side-scroll-shadow-width: 1.5rem;
  --data-table-width: 16rem;
}
.table-wrapper > table {
  min-width: 100%;
}
.table-wrapper > table caption {
  mix-blend-mode: inherit;
}

.multi-select__field {
  position: relative;
  display: grid;
  gap: 0.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 3.125rem;
  grid-template-areas: "field tail";
}
.multi-select__field pop-tip {
  grid-column: 1/-1;
  grid-row: 1/2;
  display: grid;
}

.multi-select__selection {
  grid-area: field;
  z-index: 2;
  background-color: var(--input-background-color, white);
  background-clip: content-box;
  padding: 0.125rem;
  gap: 0.125rem;
  align-items: center;
  flex-wrap: wrap;
  pointer-events: none;
  display: none;
}
.multi-select__selection:has(button) {
  display: flex;
}
.multi-select__selection > button {
  pointer-events: auto;
}

.multi-select__panel {
  padding-block: 0.75rem;
  padding-inline: 1.25rem;
}

wc-datepicker,
wc-datepicker *,
wc-datepicker *:before,
wc-datepicker *:after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

wc-datepicker {
  display: inline-flex;
}

.wc-datepicker {
  display: block;
  width: var(--wc-datepicker-width, min-content);
  min-width: var(--wc-datepicker-min-width, 16rem);
  max-width: var(--wc-datepicker-max-width, 24rem);
  border: var(--wc-datepicker-border, solid thin currentColor);
  color: var(--wc-datepicker-color, currentColor);
  background-color: var(--wc-datepicker-background-color, white);
  font-family: var(--wc-datepicker-font-family, inherit);
  font-size: var(--wc-datepicker-font-size, inherit);
  font-weight: var(--wc-datepicker-font-weight, inherit);
  line-height: var(--wc-datepicker-line-height, inherit);
}

.wc-datepicker--disabled *:disabled {
  opacity: var(--wc-datepicker-disabled-opacity, 0.5);
  cursor: default;
}

.wc-datepicker--disabled .wc-datepicker__weekday {
  color: var(--wc-datepicker-disabled-weekday-color);
}

.wc-datepicker--disabled .wc-datepicker__date:focus > * {
  outline: none;
}

.wc-datepicker--disabled .wc-datepicker__date {
  cursor: default;
  color: var(--wc-datepicker-date-disabled-color);
  opacity: var(--wc-datepicker-disabled-opacity, 0.5);
}

.wc-datepicker--disabled .wc-datepicker__date:hover > * {
  background-color: transparent;
}

.wc-datepicker--disabled .wc-datepicker__date--in-range:hover > * {
  background-color: #f2f3f5;
}

.wc-datepicker--disabled .wc-datepicker__date--selected:hover > * {
  color: #fff;
  background-color: #0000ff;
}

.wc-datepicker__header {
  display: flex;
  padding: 0.75rem;
  align-items: center;
  gap: 0.5rem;
}

.wc-datepicker__current-month {
  display: flex;
  flex-grow: 1;
  gap: 0.5rem;
}

.wc-datepicker__month-select,
.wc-datepicker__year-select {
  --select-border-radius: 0;
  --input-border-color: var(--wc-datepicker-select-border-color);
  --input-background-color: var(--wc-datepicker-select-background-color);
  --input-hover-border-color: var(--wc-datepicker-select-hover-border-color);
  --input-disabled-border-color: var(--wc-datepicker-select-disabled-border-color);
  --input-disabled-background-color: var(--wc-datepicker-select-disabled-background-color);
  --select-icon-image: var(--wc-datepicker-select-icon-image);
  --select-disabled-icon-image: var(--wc-datepicker-select-disabled-icon-image);
  --select-icon-size: var(--wc-datepicker-select-icon-size);
  --select-icon-top-position: 50%;
  --select-icon-right-position: var(--wc-datepicker-select-right-position);
  display: block;
  height: var(--wc-datepicker-select-height);
  padding-inline: var(--wc-datepicker-select-padding-inline, 0.5rem);
  align-items: center;
  border-color: var(--input-border-color);
  color: var(--wc-datepicker-select-color);
  font: inherit;
  line-height: var(--wc-datepicker-select-line-height);
}

.wc-datepicker__month-select {
  flex-grow: 1;
  cursor: pointer;
  appearance: none;
}

.wc-datepicker__year-select {
  max-width: var(--wc-datepicker-select-max-width, 5rem);
  flex: none;
}

.wc-datepicker__previous-month-button,
.wc-datepicker__next-month-button,
.wc-datepicker__previous-year-button,
.wc-datepicker__next-year-button {
  --button-color: var(--wc-datepicker-header-button-color, currentColor);
  --button-border-color: var(--wc-datepicker-header-button-border-color, currentColor);
  --button-border-width: var(--wc-datepicker-header-button-border-width, medium);
  --button-border-style: var(--wc-datepicker-header-button-border-style, solid);
  --button-border-radius: var(--wc-datepicker-header-button-border-radius, 0);
  --button-background-color: var(--wc-datepicker-header-button-background-color, transparent);
  --button-disabled-color: var(--wc-datepicker-header-button-disabled-color);
  --button-disabled-background-color: var(--wc-datepicker-header-button-disabled-background-color);
  --button-disabled-border-color: var(--wc-datepicker-header-button-disabled-border-color);
  --button-hover-color: var(--wc-datepicker-header-button-hover-color);
  --button-hover-background-color: var(--wc-datepicker-header-button-hover-background-color);
  --button-hover-border-color: var(--wc-datepicker-header-button-hover-border-color);
  display: inline-flex;
  width: var(--wc-datepicker-header-button-size, 2rem);
  height: var(--wc-datepicker-header-button-size, 2rem);
  padding: var(--wc-datepicker-header-button-padding, 0.3rem);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
}

.wc-datepicker__body {
  padding-inline: var(--wc-datepicker-body-padding-inline, 0.75rem);
  padding-block: var(--wc-datepicker-body-padding-block, 0 0.75rem);
}

.wc-datepicker__calendar {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

.wc-datepicker__weekday > span {
  display: flex;
  padding: var(--wc-datepicker-weekday-padding);
  justify-content: center;
  align-items: center;
  color: var(--wc-datepicker-weekday-color);
  font-size: var(--wc-datepicker-weekday-font-size);
  font-weight: var(--wc-datepicker-weekday-font-weight);
  aspect-ratio: 1;
}

.wc-datepicker__date {
  padding: var(--wc-datepicker-date-padding);
  text-align: center;
  cursor: default;
}

.wc-datepicker__date:focus {
  outline: none;
}

.wc-datepicker__date:focus > * {
  outline: var(--wc-datepicker-date-focus, solid 2px);
}

.wc-datepicker__date:hover > * {
  background-color: var(--wc-datepicker-date-hover-background-color);
}

.wc-datepicker__date > * {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--wc-datepicker-date-border-radius);
  aspect-ratio: 1;
}

.wc-datepicker__date--today > * {
  font-weight: var(--wc-datepicker-today-font-weight);
  font-style: normal;
}

.wc-datepicker__date--in-range > * {
  background-color: var(--wc-datepicker-date-in-range-background-color);
}

.wc-datepicker__date--selected > *,
.wc-datepicker__date--selected:hover > * {
  color: var(--wc-datepicker-date-selected-color, white);
  background-color: var(--wc-datepicker-date-selected-background-color, black);
  font-weight: var(--wc-datepicker-date-selected-font-weight);
  outline-offset: var(--wc-datepicker-date-selected-focus-offset, 2px);
}

.wc-datepicker__date--disabled {
  color: var(--wc-datepicker-date-disabled-color, grey);
  cursor: default;
}

.wc-datepicker__date--disabled:not(.wc-datepicker__date--selected):not(.wc-datepicker__date--in-range):hover > * {
  background-color: transparent;
}

.wc-datepicker__date--disabled.wc-datepicker__date--in-range:not(.wc-datepicker__date--selected):not(.wc-datepicker__date--in-range) > * {
  background-color: transparent;
}

.wc-datepicker__footer {
  display: flex;
  padding-inline: var(--wc-datepicker-footer-padding-inline, 0.75rem);
  padding-block: var(--wc-datepicker-footer-padding-block, 0.75rem);
  align-items: center;
  gap: var(--wc-datepicker-footer-gap, 0.5rem);
}

.wc-datepicker__clear-button,
.wc-datepicker__today-button {
  --button-color: var(--wc-datepicker-footer-button-color, currentColor);
  --button-border-color: var(--wc-datepicker-footer-button-border-color, currentColor);
  --button-border-width: var(--wc-datepicker-footer-button-border-width, medium);
  --button-border-style: var(--wc-datepicker-footer-button-border-style, solid);
  --button-border-radius: var(--wc-datepicker-footer-button-border-radius, 0);
  --button-background-color: var(--wc-datepicker-footer-button-background-color, transparent);
  --button-hover-color: var(--wc-datepicker-footer-button-hover-color);
  --button-hover-background-color: var(--wc-datepicker-footer-button-hover-background-color);
  --button-hover-border-color: var(--wc-datepicker-footer-button-hover-border-color);
  --button-disabled-color: var(--wc-datepicker-footer-button-disabled-color);
  --button-disabled-background-color: var(--wc-datepicker-footer-button-disabled-background-color);
  --button-disabled-border-color: var(--wc-datepicker-footer-button-disabled-border-color);
  font-family: var(--wc-datepicker-footer-font, inherit);
  display: inline-flex;
  height: var(--wc-datepicker-footer-button-height, 2rem);
  padding-block: var(--wc-datepicker-footer-button-padding-block, 0.5rem);
  padding-inline: var(--wc-datepicker-footer-button-padding-inline, 0.5rem);
  justify-content: center;
  align-items: center;
}

table-reorder {
  display: block;
}

.table-reorder-drop-target {
  --_table-cell-background-color: var(--table-reorder-drop-target-background-color, #DDD);
  --_table-cell-padding-block: 0;
  --_table-cell-padding-inline: 0;
}

.file-upload {
  flex-wrap: wrap;
  flex-direction: column;
}
.file-upload input {
  --focus-offset: calc(-4rem / 16);
  margin-block-end: calc(-1 * var(--input-border-width, 1px));
}

.file-upload__selection {
  --labelled-icon-gap: calc(5rem / 16);
  position: relative;
  display: grid;
  gap: 0.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 3.75rem;
  grid-template-areas: "field tail";
  min-height: var(--form-field-layout-height);
  font-size: max(var(--input-font-size), 16px);
  color: var(--input-color, black);
  background-color: var(--input-background-color, white);
  border: solid var(--input-border-width, 1px) var(--input-border-color, black);
}
.file-upload__selection > span {
  padding-block: var(--input-padding-block);
  padding-inline: var(--input-padding-inline-start) var(--input-padding-inline-end);
}
.file-upload__selection button {
  place-self: center;
}

.file-upload__selection.form-field--show-error {
  border: var(--input-border-width, 1px) solid var(--input-invalid-border-color);
}

.field-group-set {
  counter-reset: field-group-set;
}

.field-group-set__item {
  padding: 1.25rem;
  border-radius: 0.125rem;
  border: solid 0.0625rem var(--box-border-color);
  counter-increment: field-group-set;
}
.field-group-set__item + .field-group-set__item {
  margin-top: -0.0625rem;
}

.field-group-set__item-heading::after {
  content: " ", counter(field-group-set);
}

.filter-item {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: 1fr min-content;
  align-items: start;
}
.filter-item > button {
  margin-block-start: 2rem;
}

.filter-item__fields-layout {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
}
.filter-item__fields-layout > * {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 11.25rem;
}
.filter-item__fields-layout > *:last-child {
  flex-grow: 999;
  flex-basis: 15rem;
}

.site-footer {
  --a-button-display-override: inline-block;
}

.site-footer__layout {
  display: flex;
  flex-wrap: wrap;
  column-gap: var(--site-footer-layout-col-gap, 1em);
  row-gap: var(--site-footer-layout-row-gap, 1em);
  align-content: space-between;
  align-items: center;
}
.site-footer__layout > * {
  flex-grow: 999;
}
.site-footer__layout > *:last-child {
  margin-inline: auto;
  flex-grow: 0;
}

.text-block > * {
  --block-gap: calc(20rem / 16);
}
.text-block h2, .text-block h3 {
  --block-gap: calc(30rem / 16);
}

.menu-text {
  padding-block: 0.9375rem;
  padding-inline: 1.25rem;
}

.text-theme--urgent {
  color: var(--text-theme-color-urgent);
}

.text-theme--warning {
  color: var(--text-theme-color-warning);
}

.text-theme--success {
  color: var(--text-theme-color-success);
}

.field-button-layout {
  --field-label-height: 0;
  --field-button-column-width: 100%;
  --field-button-column-height: auto;
  --layout-flex-column-basis: calc(360rem / 16);
}
@container --content-width (width > 42rem) {
  .field-button-layout {
    --field-label-height: calc(28rem / 16);
    --field-button-column-width: max-content;
    --field-button-column-height: calc(50rem / 16);
  }
}

.field-button-layout__button-column {
  flex-basis: var(--field-button-column-width);
  min-block-size: var(--field-button-column-height);
  align-content: center;
  margin-inline-start: auto;
  margin-block-start: var(--field-label-height);
}

.grid-bordered {
  --_grid-border-color: var(--grid-border-color, var(--box-border-color));
  --_grid-border-width: var(--grid-border-width, calc(1rem / 16));
}
.grid-bordered > * {
  background-color: var(--box-background-color);
}

.grid-bordered--all {
  background-color: var(--grid-fill-background-color, var(--box-background-color));
  background-image: linear-gradient(var(--_grid-border-color)), linear-gradient(var(--_grid-border-color));
  background-size: var(--_grid-border-width) auto, auto var(--_grid-border-width);
  background-position: right, bottom;
  background-repeat: no-repeat;
  border-block-start: var(--_grid-border-color) solid var(--_grid-border-width);
  border-inline-start: var(--_grid-border-color) solid var(--_grid-border-width);
}
.grid-bordered--all > * {
  border-inline-end: var(--_grid-border-color) solid var(--_grid-border-width);
  border-block-end: var(--_grid-border-color) solid var(--_grid-border-width);
}

.grid-bordered--block-start > * {
  border-block-start: var(--_grid-border-color) solid var(--_grid-border-width);
}

.grid-bordered--block-end > * {
  border-block-end: var(--_grid-border-color) solid var(--_grid-border-width);
}

.grid-bordered--block {
  border-block-start: var(--_grid-border-color) solid var(--_grid-border-width);
}
.grid-bordered--block > * {
  border-block-end: var(--_grid-border-color) solid var(--_grid-border-width);
}

.titled-group {
  --boxed-title-block-padding: calc(15rem / 16);
  --boxed-title-inline-padding: calc(15rem / 16);
  --boxed-title-color: var(--box-text-color);
  --boxed-title-background-color: var(--box-title-background-color);
}

.titled-group__title--boxed {
  padding-block: var(--boxed-title-block-padding, 0);
  padding-inline: var(--boxed-title-inline-padding, 0);
  color: var(--boxed-title-color);
  background-color: var(--boxed-title-background-color);
}

.fieldset-layout--sides-top {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  grid-template-areas: "legend action" "content content";
  gap: 1.25rem;
  align-items: start;
}
.fieldset-layout--sides-top > :last-child {
  grid-area: action;
  justify-self: end;
}
.fieldset-layout--sides-top > :nth-child(2) {
  grid-area: content;
}

.fieldset-layout__legend {
  grid-area: legend;
  font-weight: bold;
}

@container --content-width (width > 31.5rem) {
  .fieldset-layout--sides-top {
    grid-template-columns: 2.5rem 1fr 2.5rem;
    grid-template-areas: "legend content action";
  }
}
:root {
  --side-scroll-shadow-depth: 0.15;
  --side-scroll-shadow-width: 1.5rem;
}

side-scroll {
  display: block;
  overflow-x: auto;
  max-width: 100%;
  background-image: linear-gradient(to right, rgb(255, 255, 255) 30%, rgba(255, 255, 255, 0)), linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255) 70%), linear-gradient(to right, rgb(0, 0, 0, var(--side-scroll-shadow-depth)), rgba(0, 0, 0, 0)), linear-gradient(to left, rgb(0, 0, 0, var(--side-scroll-shadow-depth)), rgba(0, 0, 0, 0));
  background-repeat: no-repeat;
  background-color: white;
  background-size: calc(var(--side-scroll-shadow-width) * 3) 100%, calc(var(--side-scroll-shadow-width) * 3) 100%, var(--side-scroll-shadow-width) 100%, var(--side-scroll-shadow-width) 100%;
  background-position: 0 0, 100%, 0 0, 100%;
  background-attachment: local, local, scroll, scroll;
}
side-scroll > * {
  width: max-content;
  min-width: 100%;
  mix-blend-mode: multiply;
}

.side-scroll-nav__list {
  padding-block: 1rem;
  padding-inline: var(--page-row-padding-inline);
}

.filter-bar--breakpoint-small {
  --layout-flex-column-basis: calc(400rem / 16);
}

.filter-bar--breakpoint-medium {
  --layout-flex-column-basis: calc(600rem / 16);
}

/*# sourceMappingURL=components.css.map */