@ostack.tech/ui 0.1.0

package/dist/ostack-ui.css

@@ -0,0 +1,4191 @@
+@keyframes oui-fade-in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes oui-fade-out {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+@keyframes oui-transform-in {
+  from {
+    opacity: 0;
+    transform: var(--oui-animation-transform);
+  }
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+@keyframes oui-transform-out {
+  from {
+    opacity: 1;
+    transform: none;
+  }
+  to {
+    opacity: 0;
+    transform: var(--oui-animation-transform);
+  }
+}
+@keyframes oui-expand-vertical {
+  from {
+    opacity: 0;
+    height: 0;
+  }
+  25% {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+    height: var(--oui-animation-height);
+  }
+}
+@keyframes oui-collapse-vertical {
+  from {
+    opacity: 1;
+    height: var(--oui-animation-height);
+  }
+  75% {
+    opacity: 0;
+  }
+  to {
+    opacity: 0;
+    height: 0;
+  }
+}
+@keyframes oui-expand-horizontal {
+  from {
+    opacity: 0;
+    width: 0;
+  }
+  25% {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+    width: var(--oui-animation-width);
+  }
+}
+@keyframes oui-collapse-horizontal {
+  from {
+    opacity: 1;
+    width: var(--oui-animation-width);
+  }
+  75% {
+    opacity: 0;
+  }
+  to {
+    opacity: 0;
+    width: 0;
+  }
+}
+@keyframes oui-spinner-rotate {
+  to {
+    transform: rotate(360deg);
+  }
+}
+.oui-visually-hidden,
+.oui-visually-hidden-focusable:not(:focus):not(:focus-within) {
+  position: absolute !important;
+  width: 1px !important;
+  height: 1px !important;
+  padding: 0 !important;
+  margin: -1px !important;
+  overflow: hidden !important;
+  clip: rect(0, 0, 0, 0) !important;
+  white-space: nowrap !important;
+  border: 0 !important;
+}
+
+.oui-toast, .oui-alert {
+  display: flex;
+  align-items: center;
+  padding: calc(var(--oui-space) * 3) calc(var(--oui-space) * 3);
+  border-radius: var(--oui-border-radius-sm);
+  font-size: var(--oui-font-size-sm);
+  line-height: var(--oui-line-height-sm);
+  background-color: var(--oui-notification-background-color);
+  color: var(--oui-notification-color);
+  box-shadow: var(--oui-notification-box-shadow);
+}
+@media (prefers-reduced-motion: no-preference) {
+  .oui-toast, .oui-alert {
+    transition-property: var(--oui-transition-property);
+    transition-duration: var(--oui-transition-duration);
+    transition-timing-function: var(--oui-transition-timing-function);
+  }
+}
+.oui-toast__title, .oui-alert__title {
+  margin: calc(var(--oui-space) * -1) 0 calc(var(--oui-space) * 0.5) 0;
+  font-size: var(--oui-font-size-md);
+  line-height: var(--oui-line-height-md);
+  font-weight: 500;
+}
+.oui-toast__icon, .oui-alert__icon {
+  margin-right: calc(var(--oui-space) * 3);
+  color: var(--oui-notification-icon-color);
+}
+.oui-toast__close-button, .oui-alert__close-button {
+  align-self: start;
+  margin: 0 -0.5em 0 -0.5em !important;
+}
+.oui-toast__close-button:not(:first-child), .oui-alert__close-button:not(:first-child) {
+  margin-left: calc(var(--oui-space) * 3 - 0.5em) !important;
+}
+.oui-toast__action-container, .oui-alert__action-container {
+  align-self: stretch;
+  display: flex;
+  align-items: center;
+  margin: calc(var(--oui-space) * -1.5) 0 calc(var(--oui-space) * -1.5) auto;
+  padding-left: calc(var(--oui-space) * 3);
+}
+.oui-toast--solid, .oui-alert--solid {
+  --oui-notification-background-color: var(--oui-accent-9);
+  --oui-notification-color: var(--oui-accent-contrast);
+}
+.oui-toast--subtle, .oui-alert--subtle {
+  --oui-notification-background-color: var(--oui-accent-3);
+  --oui-notification-color: var(--oui-accent-a12);
+  --oui-notification-box-shadow: inset 0 0 0 1px var(--oui-accent-a6);
+  --oui-notification-icon-color: var(--oui-accent-a11);
+}
+.oui-toast--outlined, .oui-alert--outlined {
+  --oui-notification-color: var(--oui-accent-a11);
+  --oui-notification-box-shadow: inset 0 0 0 1px var(--oui-accent-a11);
+}
+
+.oui-alert__container {
+  width: 100%;
+  overflow: hidden;
+}
+.oui-alert__content {
+  overflow: auto;
+}
+.oui-alert .oui-checkbox:not([data-readonly]),
+.oui-alert .oui-radio:not([data-readonly]) {
+  background-color: var(--oui-background-color) !important;
+}
+.oui-alert .oui-checkbox__label,
+.oui-alert .oui-radio__label {
+  color: inherit !important;
+}
+
+.oui-icon-button, .oui-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border: 1px solid;
+  border-color: var(--oui-button-border-color, transparent);
+  border-radius: var(--oui-border-radius-sm);
+  background-color: var(--oui-button-background-color, transparent);
+  background-image: var(--oui-button-background-image);
+  color: var(--oui-button-color);
+  box-shadow: var(--oui-button-box-shadow);
+  filter: var(--oui-button-filter);
+  -webkit-appearance: button;
+  -webkit-user-select: none;
+  user-select: none;
+}
+@media (prefers-reduced-motion: no-preference) {
+  .oui-icon-button, .oui-button {
+    transition-property: var(--oui-transition-property);
+    transition-duration: var(--oui-transition-duration);
+    transition-timing-function: var(--oui-transition-timing-function);
+  }
+}
+.oui-icon-button:not(:disabled, [data-disabled]), .oui-button:not(:disabled, [data-disabled]) {
+  cursor: pointer;
+}
+.oui-icon-button:is(:disabled, [data-disabled]), .oui-button:is(:disabled, [data-disabled]) {
+  cursor: not-allowed;
+  opacity: 0.65;
+  box-shadow: none;
+}
+.oui-icon-button:focus, .oui-button:focus {
+  z-index: var(--oui-z-index-focused);
+}
+.oui-icon-button:focus-visible, .oui-button:focus-visible {
+  outline: 2px solid var(--oui-accent-8);
+  outline-offset: var(--oui-button-focus-outline-offset);
+}
+[aria-haspopup][aria-expanded=true].oui-icon-button, [aria-haspopup][aria-expanded=true].oui-button {
+  box-shadow: var(--oui-button-open-box-shadow, );
+}
+.oui-icon-button--solid, .oui-button--solid {
+  --oui-button-background-color: var(--oui-accent-a9);
+  --oui-button-color: var(--oui-accent-contrast);
+  --oui-button-focus-outline-offset: 2px;
+}
+.oui-icon-button--solid:hover:not(:active):not([data-active]):not([aria-haspopup][aria-expanded=true]):not(:disabled):not([data-disabled]), .oui-button--solid:hover:not(:active):not([data-active]):not([aria-haspopup][aria-expanded=true]):not(:disabled):not([data-disabled]) {
+  --oui-button-background-color: var(--oui-accent-a10);
+}
+.oui-icon-button--solid:is(:active, [data-active]):not(:disabled):not([data-disabled]), .oui-button--solid:is(:active, [data-active]):not(:disabled):not([data-disabled]), [aria-haspopup][aria-expanded=true].oui-icon-button--solid, [aria-haspopup][aria-expanded=true].oui-button--solid {
+  --oui-button-background-color: var(--oui-accent-a10);
+  --oui-button-filter: brightness(0.92) saturate(1.1);
+}
+.oui-icon-button--subtle, .oui-button--subtle {
+  --oui-button-background-color: var(--oui-accent-a3);
+  --oui-button-color: var(--oui-accent-a12);
+  --oui-button-focus-outline-offset: -1px;
+}
+.oui-icon-button--subtle:hover:not(:active):not([data-active]):not([aria-haspopup][aria-expanded=true]):not(:disabled):not([data-disabled]), .oui-button--subtle:hover:not(:active):not([data-active]):not([aria-haspopup][aria-expanded=true]):not(:disabled):not([data-disabled]) {
+  --oui-button-background-color: var(--oui-accent-a4);
+}
+.oui-icon-button--subtle:is(:active, [data-active]):not(:disabled):not([data-disabled]), .oui-button--subtle:is(:active, [data-active]):not(:disabled):not([data-disabled]), [aria-haspopup][aria-expanded=true].oui-icon-button--subtle, [aria-haspopup][aria-expanded=true].oui-button--subtle {
+  --oui-button-background-color: var(--oui-accent-a5);
+}
+.oui-icon-button--outlined, .oui-button--outlined {
+  --oui-button-color: var(--oui-accent-a12);
+  --oui-button-border-color: var(--oui-accent-11);
+  --oui-button-focus-outline-offset: 2px;
+}
+.oui-icon-button--outlined:hover:not(:active):not([data-active]):not([aria-haspopup][aria-expanded=true]):not(:disabled):not([data-disabled]), .oui-button--outlined:hover:not(:active):not([data-active]):not([aria-haspopup][aria-expanded=true]):not(:disabled):not([data-disabled]) {
+  --oui-button-background-color: var(--oui-accent-a2);
+}
+.oui-icon-button--outlined:is(:active, [data-active]):not(:disabled):not([data-disabled]), .oui-button--outlined:is(:active, [data-active]):not(:disabled):not([data-disabled]), [aria-haspopup][aria-expanded=true].oui-icon-button--outlined, [aria-haspopup][aria-expanded=true].oui-button--outlined {
+  --oui-button-background-color: var(--oui-accent-a3);
+  --oui-button-filter: brightness(0.9) saturate(1.1);
+}
+.oui-icon-button--ghost, .oui-button--ghost {
+  --oui-button-color: var(--oui-accent-a11);
+  --oui-button-focus-outline-offset: -1px;
+}
+.oui-icon-button--ghost:hover:not(:active):not([data-active]):not([aria-haspopup][aria-expanded=true]):not(:disabled):not([data-disabled]), .oui-button--ghost:hover:not(:active):not([data-active]):not([aria-haspopup][aria-expanded=true]):not(:disabled):not([data-disabled]) {
+  --oui-button-background-color: var(--oui-accent-a3);
+}
+.oui-icon-button--ghost:is(:active, [data-active]):not(:disabled):not([data-disabled]), .oui-button--ghost:is(:active, [data-active]):not(:disabled):not([data-disabled]), [aria-haspopup][aria-expanded=true].oui-icon-button--ghost, [aria-haspopup][aria-expanded=true].oui-button--ghost {
+  --oui-button-background-color: var(--oui-accent-a4);
+}
+
+.oui-button {
+  padding: var(--oui-button-padding-y) var(--oui-button-padding-x);
+  font-family: inherit;
+  font-weight: 500;
+  text-decoration: none;
+  text-transform: none;
+  font-size: var(--oui-button-font-size);
+  line-height: var(--oui-button-line-height);
+}
+.oui-button--vertical {
+  min-height: var(--oui-button-vertical-min-size);
+  min-width: var(--oui-button-vertical-min-size);
+  flex-direction: column;
+  padding: var(--oui-button-vertical-padding);
+  font-size: var(--oui-button-vertical-font-size);
+  line-height: 1;
+  font-weight: 500;
+}
+.oui-button__icon, .oui-button__spinner {
+  font-size: var(--oui-button-icon-font-size);
+  margin: calc((var(--oui-button-icon-font-size) - var(--oui-button-font-size)) * -0.5) 0;
+}
+.oui-button--vertical > .oui-button__icon, .oui-button--vertical > .oui-button__spinner {
+  --oui-button-icon-font-size: var(--oui-button-vertical-icon-font-size);
+}
+.oui-button__icon--start, .oui-button__spinner--start {
+  margin-right: var(--oui-button-icon-margin-x);
+}
+.oui-button--vertical > .oui-button__icon--start, .oui-button--vertical > .oui-button__spinner--start {
+  margin: 0 0 calc(var(--oui-button-vertical-icon-margin-y) - 1px);
+}
+.oui-button__icon--end, .oui-button__spinner--end {
+  margin-left: var(--oui-button-icon-margin-x);
+}
+.oui-button--vertical > .oui-button__icon--end, .oui-button--vertical > .oui-button__spinner--end {
+  margin: calc(var(--oui-button-vertical-icon-margin-y) - 1px) 0 0;
+}
+.oui-button--sm {
+  --oui-button-padding-y: calc(var(--oui-space) * 0.75);
+  --oui-button-padding-x: calc(var(--oui-space) * 2);
+  --oui-button-font-size: var(--oui-font-size-xs);
+  --oui-button-line-height: var(--oui-line-height-xs);
+  --oui-button-icon-font-size: var(--oui-font-size-sm);
+  --oui-button-icon-margin-x: calc(var(--oui-space) * 1.5);
+  --oui-button-vertical-min-size: 32px;
+  --oui-button-vertical-padding: calc(var(--oui-space) * 0.25);
+  --oui-button-vertical-font-size: var(--oui-font-size-2xs);
+  --oui-button-vertical-icon-font-size: var(--oui-font-size-sm);
+  --oui-button-vertical-icon-margin-y: calc(var(--oui-space) * 0.75);
+}
+.oui-button--md {
+  --oui-button-padding-y: calc(var(--oui-space) * 1.25);
+  --oui-button-padding-x: calc(var(--oui-space) * 3);
+  --oui-button-font-size: var(--oui-font-size-sm);
+  --oui-button-line-height: var(--oui-line-height-sm);
+  --oui-button-icon-font-size: var(--oui-font-size-md);
+  --oui-button-icon-margin-x: calc(var(--oui-space) * 2);
+  --oui-button-vertical-min-size: 40px;
+  --oui-button-vertical-padding: calc(var(--oui-space) * 0.5);
+  --oui-button-vertical-font-size: var(--oui-font-size-2xs);
+  --oui-button-vertical-icon-font-size: var(--oui-font-size-md);
+  --oui-button-vertical-icon-margin-y: var(--oui-space);
+}
+.oui-button--lg {
+  --oui-button-padding-y: calc(var(--oui-space) * 1.75);
+  --oui-button-padding-x: calc(var(--oui-space) * 4);
+  --oui-button-font-size: var(--oui-font-size-md);
+  --oui-button-line-height: var(--oui-line-height-md);
+  --oui-button-icon-font-size: var(--oui-font-size-lg);
+  --oui-button-icon-margin-x: calc(var(--oui-space) * 2.25);
+  --oui-button-vertical-min-size: 48px;
+  --oui-button-vertical-padding: calc(var(--oui-space) * 0.75);
+  --oui-button-vertical-font-size: var(--oui-font-size-xs);
+  --oui-button-vertical-icon-font-size: var(--oui-font-size-lg);
+  --oui-button-vertical-icon-margin-y: calc(var(--oui-space) * 1.25);
+}
+.oui-button--xl {
+  --oui-button-padding-y: calc(var(--oui-space) * 2.25);
+  --oui-button-padding-x: calc(var(--oui-space) * 5);
+  --oui-button-font-size: var(--oui-font-size-lg);
+  --oui-button-line-height: var(--oui-line-height-lg);
+  --oui-button-icon-font-size: var(--oui-font-size-xl);
+  --oui-button-icon-margin-x: calc(var(--oui-space) * 2.5);
+  --oui-button-vertical-min-size: 56px;
+  --oui-button-vertical-padding: var(--oui-space);
+  --oui-button-vertical-font-size: var(--oui-font-size-sm);
+  --oui-button-vertical-icon-font-size: var(--oui-font-size-xl);
+  --oui-button-vertical-icon-margin-y: calc(var(--oui-space) * 1.5);
+}
+.oui-button-group {
+  position: relative;
+  display: inline-flex;
+}
+.oui-button-group > .oui-button,
+.oui-button-group > .oui-icon-button {
+  position: relative;
+  flex: 1 1 auto;
+}
+.oui-button-group > .oui-button:not(:first-child),
+.oui-button-group > .oui-icon-button:not(:first-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.oui-button-group > .oui-button:not(:last-child),
+.oui-button-group > .oui-icon-button:not(:last-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.oui-button-group > .oui-button--solid:not(:first-child),
+.oui-button-group > .oui-icon-button--solid:not(:first-child) {
+  border-left: 1px solid var(--oui-accent-8);
+}
+.oui-button-group > .oui-button--subtle:not(:first-child),
+.oui-button-group > .oui-icon-button--subtle:not(:first-child) {
+  border-left: 1px solid var(--oui-accent-5);
+}
+.oui-button-group > .oui-button--outlined:not(:first-child),
+.oui-button-group > .oui-icon-button--outlined:not(:first-child) {
+  margin-left: -1px;
+}
+.oui-button-group > .oui-button--ghost:not(:first-child),
+.oui-button-group > .oui-icon-button--ghost:not(:first-child) {
+  border-left: 1px solid var(--oui-accent-4);
+}
+
+.oui-calendar {
+  margin: 0;
+  font-size: var(--oui-font-size-sm);
+  line-height: var(--oui-line-height-sm);
+  width: fit-content;
+}
+.oui-calendar__months {
+  margin: calc(var(--oui-space) * -1) 0 0 calc(var(--oui-space) * -1);
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-start;
+}
+@media (max-width: 575.98px) {
+  .oui-calendar__months {
+    flex-direction: column;
+  }
+}
+.oui-calendar__month {
+  flex-shrink: 0;
+  margin: var(--oui-space) 0 0 var(--oui-space);
+  border: 1px solid var(--oui-neutral-a7);
+  border-radius: var(--oui-border-radius-sm);
+  background-color: var(--oui-background-color);
+  z-index: 0;
+}
+.oui-calendar__grid {
+  margin: calc(var(--oui-space) * 2.5);
+  border-spacing: 0;
+  border-collapse: collapse;
+}
+.oui-calendar__weeks, .oui-calendar__footer {
+  border: 0;
+}
+.oui-calendar__caption {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin: -1px -1px 0 -1px;
+  padding: calc(var(--oui-space) * 2.5);
+  border-top-left-radius: var(--oui-border-radius-sm);
+  border-top-right-radius: var(--oui-border-radius-sm);
+  background-color: var(--oui-primary-9);
+  color: var(--oui-primary-contrast);
+}
+.oui-calendar__caption-label {
+  margin: 0;
+  padding: var(--oui-space) calc(var(--oui-space) * 2);
+}
+.oui-calendar__navigation {
+  min-width: 32px;
+}
+.oui-calendar__navigation > :not(:last-child) {
+  margin-right: calc(var(--oui-space) * 0.5);
+}
+.oui-calendar__selects {
+  display: flex;
+}
+.oui-calendar__selects > :not(:last-child) {
+  margin-right: calc(var(--oui-space) * 0.5);
+}
+.oui-calendar .oui-calendar__navigation-button {
+  color: inherit;
+  background-color: transparent;
+  outline-color: rgba(255, 255, 255, 0.3);
+}
+.oui-calendar .oui-calendar__navigation-button:is(:hover, :focus):not(:active):not(:disabled) {
+  background-color: rgba(0, 0, 0, 0.1) !important;
+}
+.oui-calendar .oui-calendar__navigation-button:active:not(:disabled) {
+  background-color: rgba(0, 0, 0, 0.2) !important;
+}
+.oui-calendar .oui-input__root {
+  width: auto;
+  font-size: inherit;
+  line-height: inherit;
+  --oui-control-padding-x: calc(var(--oui-space) * 2.5) !important;
+}
+.oui-calendar .oui-input__container {
+  border: 0;
+  background-color: transparent !important;
+  background-image: none;
+  color: inherit;
+  box-shadow: none;
+}
+.oui-calendar .oui-input__container[data-focused]:not([data-disabled]) {
+  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3);
+}
+.oui-calendar .oui-input__container:is(:hover, [data-focused]):not([data-disabled]):not([data-state=open]) {
+  background-color: rgba(0, 0, 0, 0.1) !important;
+}
+.oui-calendar .oui-input__container[data-state=open] {
+  background-color: rgba(0, 0, 0, 0.2) !important;
+}
+.oui-calendar .oui-input {
+  font-family: inherit;
+}
+.oui-calendar .oui-select__arrow {
+  color: rgba(255, 255, 255, 0.8) !important;
+}
+.oui-calendar__weekday {
+  width: 36px;
+  height: 24px;
+  font-size: var(--oui-font-size-xs);
+  line-height: var(--oui-line-height-xs);
+  font-weight: 400;
+  text-align: center;
+  color: var(--oui-neutral-9);
+}
+.oui-calendar__week-number {
+  color: var(--oui-neutral-9);
+  font-size: var(--oui-font-size-xs);
+  line-height: var(--oui-line-height-xs);
+  font-weight: 400;
+  background-color: var(--oui-background-color);
+}
+.oui-calendar__day {
+  width: 36px;
+  height: 34px;
+  padding: 0;
+  color: var(--oui-neutral-a12);
+  text-align: center;
+}
+.oui-calendar__week-number, .oui-calendar__day-inner {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 0 auto !important;
+  border: 1px solid transparent;
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+}
+.oui-calendar__day-inner {
+  border: 1px solid transparent;
+  background-color: transparent;
+  color: inherit;
+  font: inherit;
+}
+@media (prefers-reduced-motion: no-preference) {
+  .oui-calendar__day-inner {
+    transition-property: box-shadow;
+    transition-duration: var(--oui-transition-duration);
+    transition-timing-function: var(--oui-transition-timing-function);
+  }
+}
+.oui-calendar__day-inner:is(button) {
+  -webkit-appearance: button;
+  -webkit-user-select: none;
+  user-select: none;
+}
+.oui-calendar__day-inner:is(button):not(:disabled):not([data-disabled]) {
+  cursor: pointer;
+}
+.oui-calendar__day-inner:is(button):is(:disabled, [data-disabled]) {
+  cursor: not-allowed;
+}
+.oui-calendar__day:not(.oui-calendar__day--outside):not(.oui-calendar__day--selected:not(.oui-calendar__day--range-middle)):not(.oui-calendar__day--disabled) .oui-calendar__day-inner:is(button):is(:hover, :focus) {
+  background-color: var(--oui-neutral-3);
+}
+.oui-calendar__day:not(.oui-calendar__day--outside):not(.oui-calendar__day--selected:not(.oui-calendar__day--range-middle)):not(.oui-calendar__day--disabled) .oui-calendar__day-inner:is(button):active {
+  background-color: var(--oui-neutral-4);
+}
+.oui-calendar__day-inner:focus-visible {
+  outline: 2px solid var(--oui-neutral-8);
+  outline-offset: -1px;
+}
+.oui-calendar__day--disabled:not(.oui-calendar__day--outside) .oui-calendar__day-content {
+  opacity: 0.5;
+}
+.oui-calendar__day--selected:not(.oui-calendar__day--outside):not(.oui-calendar__day--range-middle) .oui-calendar__day-inner {
+  background-color: var(--oui-primary-9);
+  color: var(--oui-primary-contrast);
+}
+.oui-calendar__day--selected:not(.oui-calendar__day--outside):not(.oui-calendar__day--range-middle) .oui-calendar__day-inner:focus-visible {
+  outline-color: var(--oui-primary-8);
+  outline-offset: 2px;
+}
+.oui-calendar__day--selected:not(.oui-calendar__day--outside):not(.oui-calendar__day--range-middle) .oui-calendar__day-inner:active {
+  background-color: var(--oui-primary-10);
+}
+.oui-calendar__day--today:not(.oui-calendar__day--outside):not(.oui-calendar__day--selected:not(.oui-calendar__day--range-middle)) .oui-calendar__day-inner:not(:focus-visible) {
+  border: 1px solid var(--oui-neutral-10);
+}
+.oui-calendar__day--outside .oui-calendar__day-inner {
+  color: var(--oui-neutral-a7);
+  background-color: var(--oui-background-color);
+  transition: none;
+}
+:is(.oui-calendar__day--range-start, .oui-calendar__day--range-middle, .oui-calendar__day--range-end, .oui-calendar__day--focused-range-start, .oui-calendar__day--focused-range-middle, .oui-calendar__day--focused-range-end) .oui-calendar__day-inner::before, :is(.oui-calendar__day--range-start, .oui-calendar__day--range-middle, .oui-calendar__day--range-end, .oui-calendar__day--focused-range-start, .oui-calendar__day--focused-range-middle, .oui-calendar__day--focused-range-end) .oui-calendar__day-inner::after {
+  content: "";
+  display: block;
+  position: absolute;
+  z-index: -1;
+  inset: 5px calc(-3px - var(--oui-space) * 2.5);
+  background-color: transparent;
+  border: 1px solid transparent;
+}
+:is(.oui-calendar__day--range-start:not(.oui-calendar__day--range-end), .oui-calendar__day--range-middle, .oui-calendar__day--range-end:not(.oui-calendar__day--range-start)):not(.oui-calendar__day--outside) .oui-calendar__day-inner::before {
+  background-color: var(--oui-neutral-3);
+}
+.oui-calendar__day--range-start:not(.oui-calendar__day--range-end):not(.oui-calendar__day--outside) .oui-calendar__day-inner::before {
+  left: 16px;
+}
+.oui-calendar__day--range-end:not(.oui-calendar__day--range-start):not(.oui-calendar__day--outside) .oui-calendar__day-inner::before {
+  right: 16px;
+}
+:is(.oui-calendar__day--focused-range-start:not(.oui-calendar__day--focused-range-end), .oui-calendar__day--focused-range-middle, .oui-calendar__day--focused-range-end:not(.oui-calendar__day--focused-range-start)):not(.oui-calendar__day--outside) .oui-calendar__day-inner::after {
+  background-color: var(--oui-neutral-3);
+  border-image-width: 1px 0;
+  border-top: 1px solid;
+  border-bottom: 1px solid;
+}
+:is(.oui-calendar__day--focused-range-start:not(.oui-calendar__day--focused-range-end), .oui-calendar__day--focused-range-middle, .oui-calendar__day--focused-range-end:not(.oui-calendar__day--focused-range-start)):not(.oui-calendar__day--outside) .oui-calendar__day-inner::after {
+  border-image-source: repeating-linear-gradient(to right, var(--oui-neutral-7) 0, var(--oui-neutral-7) 3px, var(--oui-background-color) 3px, var(--oui-background-color) 6px);
+  border-image-slice: 1 1%;
+}
+.oui-calendar__day--focused-range-start:not(.oui-calendar__day--focused-range-end):not(.oui-calendar__day--outside) .oui-calendar__day-inner::after {
+  left: 16px;
+}
+.oui-calendar__day--focused-range-end:not(.oui-calendar__day--focused-range-start):not(.oui-calendar__day--outside) .oui-calendar__day-inner::after {
+  right: 16px;
+}
+:is(.oui-calendar__day--focused-range-start:not(.oui-calendar__day--range-start), .oui-calendar__day--focused-range-end:not(.oui-calendar__day--range-end)):not(.oui-calendar__day--disabled):not(.oui-calendar__day--outside) .oui-calendar__day-inner {
+  border: 1px dashed var(--oui-neutral-7);
+  background-color: var(--oui-neutral-3);
+}
+.oui-calendar__day--focused-range-start:not(.oui-calendar__day--range-start):not(.oui-calendar__day--today):not(.oui-calendar__day--disabled):not(.oui-calendar__day--outside) .oui-calendar__day-inner {
+  border-right-color: transparent;
+}
+.oui-calendar__day--focused-range-end:not(.oui-calendar__day--range-end):not(.oui-calendar__day--today):not(.oui-calendar__day--disabled):not(.oui-calendar__day--outside) .oui-calendar__day-inner {
+  border-left-color: transparent;
+}
+
+.oui-card {
+  width: 100%;
+  border-radius: var(--oui-border-radius-sm);
+  border: 1px solid var(--oui-card-border-color);
+  box-shadow: var(--oui-card-box-shadow, var(--oui-box-shadow-sm));
+  font-size: var(--oui-font-size-sm);
+  line-height: var(--oui-line-height-sm);
+  --oui-card-padding-y: calc(var(--oui-space) * 2.5);
+  --oui-card-padding-x: calc(var(--oui-space) * 4);
+  --oui-card-merged-section-padding-y: var(--oui-space);
+}
+.oui-card > :is(.oui-card__header, .oui-card__body, .oui-card__footer):first-child, .oui-card > .oui-collapsible__content:first-child, .oui-card > .oui-collapsible__content:first-child > :is(.oui-card__header, .oui-card__body, .oui-card__footer):first-child {
+  border-top-left-radius: var(--oui-border-radius-sm);
+  border-top-right-radius: var(--oui-border-radius-sm);
+}
+.oui-card > :is(.oui-card__header, .oui-card__body, .oui-card__footer):last-child, .oui-card > .oui-collapsible__content:last-child, .oui-card > .oui-collapsible__content:last-child > :is(.oui-card__header, .oui-card__body, .oui-card__footer):last-child {
+  border-bottom-left-radius: var(--oui-border-radius-sm);
+  border-bottom-right-radius: var(--oui-border-radius-sm);
+}
+.oui-card__header {
+  display: flex;
+  align-items: center;
+}
+.oui-card__header > .oui-collapsible__trigger {
+  margin-top: calc(var(--oui-card-padding-y) * -1);
+  margin-bottom: calc(var(--oui-card-padding-y) * -1);
+}
+.oui-card__header > .oui-tabs__tab-list-root {
+  flex-grow: 1;
+  z-index: var(--oui-z-index-docked);
+  margin-left: calc(var(--oui-card-padding-x) * -1);
+  margin-right: calc(var(--oui-card-padding-x) * -1);
+  margin-bottom: calc(var(--oui-card-padding-y) * -1 + 0px);
+  padding-left: max(var(--oui-card-padding-x) - var(--oui-tabs-tab-padding-x), var(--oui-tabs-tab-margin-x, 0));
+  padding-right: max(var(--oui-card-padding-x) - var(--oui-tabs-tab-padding-x), var(--oui-tabs-tab-margin-x, 0));
+}
+.oui-card__title {
+  flex: 1;
+  margin: 0;
+  font-size: 1rem;
+  line-height: 1.5;
+  font-weight: 700;
+}
+:is(.oui-card__body, .oui-card__footer) > .oui-card__title {
+  margin-bottom: calc(var(--oui-card-merged-section-padding-y) * 2);
+}
+.oui-card__footer {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+}
+.oui-card__footer > :is(.oui-button, .oui-icon-button):not(:first-child) {
+  margin-left: calc(var(--oui-space) * 1.5);
+}
+.oui-card:not(.oui-card--merged) {
+  color: var(--oui-neutral-12);
+}
+.oui-card:not(.oui-card--merged) :is(.oui-card__header, .oui-card__body, .oui-card__footer) {
+  padding: var(--oui-card-padding-y) var(--oui-card-padding-x);
+}
+.oui-card:not(.oui-card--merged) > :is(.oui-card__header, .oui-card__body, .oui-card__footer):not(:first-child),
+.oui-card:not(.oui-card--merged) > .oui-collapsible__content:not(:first-child) > :is(.oui-card__header, .oui-card__body, .oui-card__footer) {
+  border-top: 1px solid var(--oui-card-unmerged-separator-border-color, var(--oui-card-border-color));
+}
+.oui-card:not(.oui-card--merged):is(.oui-card--solid, .oui-card--subtle) > .oui-card__header + :is(.oui-card__body, .oui-card__footer), .oui-card:not(.oui-card--merged):is(.oui-card--solid, .oui-card--subtle) > .oui-card__header + .oui-collapsible__content > :is(.oui-card__body, .oui-card__footer):first-child {
+  border-top-color: var(--oui-card-unmerged-header-separator-border-color, var(--oui-card-unmerged-separator-border-color, var(--oui-card-border-color)));
+}
+.oui-card:not(.oui-card--merged) .oui-card__header {
+  background-color: var(--oui-card-background-color);
+  color: var(--oui-card-color, var(--oui-neutral-12));
+  box-shadow: var(--oui-card-unmerged-box-shadow);
+}
+.oui-card:not(.oui-card--merged) .oui-card__body {
+  background-color: var(--oui-card-unmerged-body-background-color);
+  color: var(--oui-card-unmerged-body-color, var(--oui-neutral-12));
+}
+.oui-card:not(.oui-card--merged) .oui-card__footer {
+  background-color: var(--oui-card-unmerged-footer-background-color, var(--oui-card-unmerged-body-background-color));
+  color: var(--oui-card-unmerged-footer-color, var(--oui-card-unmerged-body-color, var(--oui-neutral-12)));
+}
+.oui-card--merged {
+  background-color: var(--oui-card-background-color);
+  color: var(--oui-card-color);
+}
+@media (prefers-reduced-motion: no-preference) {
+  .oui-card--merged {
+    transition-property: var(--oui-transition-property);
+    transition-duration: var(--oui-transition-duration);
+    transition-timing-function: var(--oui-transition-timing-function);
+  }
+}
+.oui-card--merged :is(.oui-card__header, .oui-card__body, .oui-card__footer) {
+  padding: var(--oui-card-merged-section-padding-y) var(--oui-card-padding-x);
+}
+.oui-card--merged > :is(.oui-card__header, .oui-card__body, .oui-card__footer):first-child,
+.oui-card--merged > .oui-collapsible__content:first-child > :is(.oui-card__header, .oui-card__body, .oui-card__footer):first-child {
+  padding-top: var(--oui-card-padding-y);
+}
+.oui-card--merged > :is(.oui-card__header, .oui-card__body, .oui-card__footer):last-child,
+.oui-card--merged > .oui-collapsible__content:last-child > :is(.oui-card__header, .oui-card__body, .oui-card__footer):last-child {
+  padding-bottom: var(--oui-card-padding-y);
+}
+.oui-card--solid {
+  --oui-card-border-color: var(--oui-neutral-a7);
+  --oui-card-background-color: var(--oui-accent-9);
+  --oui-card-color: var(--oui-accent-contrast);
+  --oui-card-unmerged-box-shadow: -1px 0 0 0 var(--oui-accent-9), 0 -1px 0 0 var(--oui-accent-9), 1px 0 0 0 var(--oui-accent-9);
+  --oui-card-unmerged-header-separator-border-color: transparent;
+  --oui-card-unmerged-body-background-color: var(--oui-background-color);
+}
+.oui-card--subtle {
+  --oui-card-border-color: var(--oui-accent-a6);
+  --oui-card-background-color: var(--oui-accent-3);
+  --oui-card-color: var(--oui-accent-a12);
+  --oui-card-unmerged-separator-border-color: var(--oui-accent-a4);
+  --oui-card-unmerged-header-separator-border-color: transparent;
+  --oui-card-unmerged-body-background-color: var(--oui-background-color);
+}
+.oui-card--outlined {
+  --oui-card-border-color: var(--oui-accent-a11);
+  --oui-card-color: var(--oui-accent-a11);
+  --oui-card-unmerged-separator-border-color: var(--oui-accent-a11);
+}
+.oui-card--ghost {
+  --oui-card-border-color: transparent;
+  --oui-card-color: var(--oui-accent-a11);
+  --oui-card-box-shadow: none;
+  --oui-card-unmerged-separator-border-color: var(--oui-accent-a4);
+}
+
+.oui-radio, .oui-checkbox {
+  position: relative;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  flex: none;
+  width: 18px;
+  height: 18px;
+  margin: 0;
+  padding: 0;
+  -webkit-user-select: none;
+  user-select: none;
+  --oui-checkable-border-color: var(--oui-neutral-7);
+  --oui-checkable-background-color: var(--oui-background-color);
+  --oui-checkable-status-border-color: var(--oui-accent-7);
+  --oui-checkable-status-background-color: var(--oui-accent-a2);
+  --oui-checkable-status-color: var(--oui-accent-a11);
+  --oui-checkable-focus-border-color: var(--oui-primary-8);
+  --oui-checkable-focus-box-shadow: 0 0 0 1px var(--oui-primary-8);
+  --oui-checkable-focus-status-border-color: var(--oui-accent-8);
+  --oui-checkable-focus-status-box-shadow: 0 0 0 1px var(--oui-accent-8);
+  --oui-checkable-active-background-color: var(--oui-primary-a2);
+  --oui-checkable-active-status-background-color: var(--oui-accent-a3);
+  --oui-checkable-readonly-border-color: var(--oui-neutral-7);
+  --oui-checkable-readonly-background-color: var(--oui-neutral-2);
+  --oui-checkable-readonly-status-border-color: var(--oui-accent-6);
+  --oui-checkable-readonly-status-background-color: color-mix(in srgb-linear, var(--oui-accent-3) 25%, var(--oui-neutral-2));
+  --oui-checkable-readonly-focus-box-shadow: 0 0 0 1px var(--oui-neutral-7);
+  --oui-checkable-readonly-focus-status-box-shadow: 0 0 0 1px var(--oui-accent-6);
+  border: 1px solid var(--oui-checkable-border-color);
+  background-color: var(--oui-checkable-background-color, transparent);
+  color: var(--oui-checkable-color);
+  box-shadow: var(--oui-checkable-box-shadow, none);
+}
+@media (prefers-reduced-motion: no-preference) {
+  .oui-radio, .oui-checkbox {
+    transition-property: var(--oui-transition-property);
+    transition-duration: var(--oui-transition-duration);
+    transition-timing-function: var(--oui-transition-timing-function);
+  }
+}
+.oui-radio:not(:disabled, [data-readonly]), .oui-checkbox:not(:disabled, [data-readonly]) {
+  cursor: pointer;
+}
+.oui-radio:disabled, .oui-checkbox:disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+[data-status].oui-radio, [data-status].oui-checkbox {
+  border-color: var(--oui-checkable-status-border-color, var(--oui-checkable-border-color));
+  background-color: var(--oui-checkable-status-background-color, var(--oui-checkable-background-color, transparent));
+  color: var(--oui-checkable-status-color, var(--oui-checkable-color));
+}
+.oui-radio:focus, .oui-checkbox:focus {
+  outline: 0;
+  border-color: var(--oui-checkable-focus-border-color, var(--oui-checkable-border-color));
+  background-color: var(--oui-checkable-focus-background-color, var(--oui-checkable-background-color, var(--oui-background-color)));
+  box-shadow: var(--oui-checkable-focus-box-shadow, var(--oui-checkable-box-shadow, none));
+}
+.oui-radio:focus[data-status], .oui-checkbox:focus[data-status] {
+  border-color: var(--oui-checkable-focus-status-border-color, var(--oui-checkable-status-border-color, var(--oui-checkable-focus-border-color, var(--oui-checkable-border-color))));
+  background-color: var(--oui-checkable-focus-status-background-color, var(--oui-checkable-status-background-color, var(--oui-checkable-focus-background-color, var(--oui-checkable-background-color, var(--oui-background-color)))));
+  box-shadow: var(--oui-checkable-focus-status-box-shadow, var(--oui-checkable-focus-box-shadow, var(--oui-checkable-box-shadow, none)));
+}
+[data-readonly].oui-radio, [data-readonly].oui-checkbox {
+  border-color: var(--oui-checkable-readonly-border-color, var(--oui-checkable-border-color));
+  background-color: var(--oui-checkable-readonly-background-color, var(--oui-checkable-background-color, transparent));
+}
+[data-readonly][data-status].oui-radio, [data-readonly][data-status].oui-checkbox {
+  border-color: var(--oui-checkable-readonly-status-border-color, var(--oui-checkable-readonly-border-color, var(--oui-checkable-border-color)));
+  background-color: var(--oui-checkable-readonly-status-background-color, var(--oui-checkable-readonly-background-color, var(--oui-checkable-background-color, transparent)));
+}
+[data-readonly].oui-radio:focus, [data-readonly].oui-checkbox:focus {
+  border-color: var(--oui-checkable-readonly-focus-border-color, var(--oui-checkable-readonly-border-color, var(--oui-checkable-border-color)));
+  box-shadow: var(--oui-checkable-readonly-focus-box-shadow, var(--oui-checkable-focus-box-shadow, var(--oui-checkable-box-shadow)));
+}
+[data-readonly].oui-radio:focus[data-status], [data-readonly].oui-checkbox:focus[data-status] {
+  border-color: var(--oui-checkable-readonly-focus-status-border-color, var(--oui-checkable-readonly-status-border-color, var(--oui-checkable-readonly-border-color, var(--oui-checkable-border-color))));
+  box-shadow: var(--oui-checkable-readonly-focus-status-box-shadow, var(--oui-checkable-readonly-focus-box-shadow, var(--oui-checkable-focus-box-shadow, var(--oui-checkable-box-shadow))));
+}
+.oui-radio:active:not(:disabled, [data-readonly]), .oui-checkbox:active:not(:disabled, [data-readonly]) {
+  background-color: var(--oui-checkable-active-background-color);
+}
+.oui-radio:active:not(:disabled, [data-readonly])[data-status], .oui-checkbox:active:not(:disabled, [data-readonly])[data-status] {
+  background-color: var(--oui-checkable-active-status-background-color, var(--oui-checkable-active-background-color));
+}
+.oui-radio__root, .oui-checkbox__root {
+  display: flex;
+  align-items: center;
+}
+.oui-checkbox__root[data-variant=cell] {
+  height: 100%;
+  width: 100%;
+}
+.oui-radio__code, .oui-checkbox__code {
+  margin-right: calc(var(--oui-space) * 2);
+}
+.oui-radio__label, .oui-checkbox__label {
+  margin-left: calc(var(--oui-space) * 2);
+  padding: var(--oui-space) 0;
+  font-size: var(--oui-font-size-sm) !important;
+  line-height: var(--oui-line-height-sm) !important;
+  font-weight: 400 !important;
+  color: !important;
+}
+[data-status].oui-radio__label, [data-status].oui-checkbox__label {
+  color: !important;
+}
+.oui-radio[data-state=checked] ~ .oui-radio__label-container > .oui-radio__label, .oui-checkbox[data-state=checked] ~ .oui-checkbox__label-container > .oui-checkbox__label, .oui-checkbox[data-state=indeterminate] ~ .oui-checkbox__label-container > .oui-checkbox__label {
+  font-weight: 400 !important;
+  color: #1c2024 !important;
+}
+.oui-radio[data-state=checked] ~ .oui-radio__label-container > [data-status].oui-radio__label, .oui-checkbox[data-state=checked] ~ .oui-checkbox__label-container > [data-status].oui-checkbox__label, .oui-checkbox[data-state=indeterminate] ~ .oui-checkbox__label-container > [data-status].oui-checkbox__label {
+  color: !important;
+}
+.oui-radio:disabled ~ .oui-radio__label-container > .oui-radio__label, .oui-checkbox:disabled ~ .oui-checkbox__label-container > .oui-checkbox__label {
+  opacity: 0.5;
+}
+@media (prefers-reduced-motion: no-preference) {
+  .oui-radio__indicator, .oui-checkbox__indicator {
+    transition-property: var(--oui-transition-property);
+    transition-duration: var(--oui-transition-duration);
+    transition-timing-function: var(--oui-transition-timing-function);
+  }
+}
+.oui-radio__spinner, .oui-checkbox__spinner {
+  margin-left: calc(var(--oui-space) * 2);
+}
+[data-disabled].oui-radio__spinner, [data-disabled].oui-checkbox__spinner {
+  opacity: 0.5;
+}
+
+.oui-checkbox {
+  border-radius: var(--oui-border-radius-sm);
+}
+.oui-checkbox__container {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.oui-checkbox__container[data-variant=cell] {
+  width: 100%;
+  height: 100%;
+  padding: 0 calc(var(--oui-space) * 3);
+  background-color: var(--oui-background-color);
+}
+.oui-checkbox__container[data-variant=cell][data-disabled][data-status] {
+  background-color: color-mix(in srgb, var(--oui-accent-a2) 50%, transparent);
+}
+.oui-checkbox__container[data-variant=cell][data-status] {
+  background-color: var(--oui-accent-a3);
+}
+.oui-checkbox__container[data-variant=cell][data-readonly] {
+  background-color: var(--oui-neutral-2);
+}
+.oui-checkbox__container[data-variant=cell][data-readonly][data-status] {
+  background-color: color-mix(in srgb-linear, var(--oui-accent-a3) 25%, var(--oui-neutral-2));
+}
+.oui-checkbox__container[data-variant=cell][data-readonly][data-disabled] {
+  background-color: color-mix(in srgb, var(--oui-neutral-2) 50%, transparent);
+}
+.oui-checkbox__container[data-variant=cell][data-readonly][data-disabled][data-status] {
+  background-color: color-mix(in srgb, color-mix(in srgb-linear, var(--oui-accent-3) 25%, var(--oui-neutral-2)) 50%, transparent);
+}
+.oui-checkbox__indicator {
+  font-size: var(--oui-font-size-sm);
+}
+.oui-radio-group, .oui-checkbox-group {
+  display: flex;
+}
+.oui-radio-group[data-variant=cell], .oui-checkbox-group[data-variant=cell] {
+  height: 100%;
+  width: 100%;
+}
+.oui-radio-group:focus, .oui-checkbox-group:focus {
+  outline: 0;
+}
+.oui-radio-group__container, .oui-checkbox-group__container {
+  display: flex;
+  flex-direction: column;
+}
+.oui-radio-group--inline > .oui-radio-group__container, .oui-checkbox-group--inline > .oui-checkbox-group__container {
+  flex-direction: row;
+}
+.oui-radio-group__container[data-variant=cell], .oui-checkbox-group__container[data-variant=cell] {
+  height: 100%;
+  width: 100%;
+  justify-content: center;
+  padding: 0 calc(var(--oui-space) * 2.5);
+}
+.oui-radio-group__container[data-variant=cell], .oui-checkbox-group__container[data-variant=cell], .oui-radio-group__end-container[data-variant=cell], .oui-checkbox-group__end-container[data-variant=cell] {
+  background-color: var(--oui-background-color);
+}
+[data-status].oui-radio-group__container[data-variant=cell], [data-status].oui-checkbox-group__container[data-variant=cell], [data-status].oui-radio-group__end-container[data-variant=cell], [data-status].oui-checkbox-group__end-container[data-variant=cell] {
+  background-color: var(--oui-accent-a3);
+}
+[data-status][data-disabled].oui-radio-group__container[data-variant=cell], [data-status][data-disabled].oui-checkbox-group__container[data-variant=cell], [data-status][data-disabled].oui-radio-group__end-container[data-variant=cell], [data-status][data-disabled].oui-checkbox-group__end-container[data-variant=cell] {
+  background-color: color-mix(in srgb, var(--oui-accent-a3) 50%, transparent);
+}
+[data-readonly].oui-radio-group__container[data-variant=cell], [data-readonly].oui-checkbox-group__container[data-variant=cell], [data-readonly].oui-radio-group__end-container[data-variant=cell], [data-readonly].oui-checkbox-group__end-container[data-variant=cell] {
+  background-color: var(--oui-neutral-2);
+}
+[data-readonly][data-status].oui-radio-group__container[data-variant=cell], [data-readonly][data-status].oui-checkbox-group__container[data-variant=cell], [data-readonly][data-status].oui-radio-group__end-container[data-variant=cell], [data-readonly][data-status].oui-checkbox-group__end-container[data-variant=cell] {
+  background-color: color-mix(in srgb-linear, var(--oui-accent-a3) 25%, var(--oui-neutral-2));
+}
+[data-readonly][data-disabled].oui-radio-group__container[data-variant=cell], [data-readonly][data-disabled].oui-checkbox-group__container[data-variant=cell], [data-readonly][data-disabled].oui-radio-group__end-container[data-variant=cell], [data-readonly][data-disabled].oui-checkbox-group__end-container[data-variant=cell] {
+  background-color: color-mix(in srgb, var(--oui-neutral-2) 50%, transparent);
+}
+[data-readonly][data-disabled][data-status].oui-radio-group__container[data-variant=cell], [data-readonly][data-disabled][data-status].oui-checkbox-group__container[data-variant=cell], [data-readonly][data-disabled][data-status].oui-radio-group__end-container[data-variant=cell], [data-readonly][data-disabled][data-status].oui-checkbox-group__end-container[data-variant=cell] {
+  background-color: color-mix(in srgb, color-mix(in srgb-linear, var(--oui-accent-a3) 25%, var(--oui-neutral-2)) 50%, transparent);
+}
+.oui-radio-group:not(.oui-radio-group--inline) > .oui-radio-group__container > .oui-radio__root:not(:first-child), .oui-checkbox-group:not(.oui-checkbox-group--inline) > .oui-checkbox-group__container > .oui-checkbox__root:not(:first-child) {
+  margin-top: calc(var(--oui-space) * 0.5);
+}
+.oui-radio-group--inline > .oui-radio-group__container > .oui-radio__root:not(:first-child), .oui-checkbox-group--inline > .oui-checkbox-group__container > .oui-checkbox__root:not(:first-child) {
+  margin-left: calc(var(--oui-space) * 4);
+}
+.oui-radio-group:not(.oui-radio-group--inline) > .oui-radio-group__code + .oui-radio-group__container[data-variant=default] > .oui-radio__root > :first-child, .oui-radio-group--inline > .oui-radio-group__code + .oui-radio-group__container[data-variant=default] > .oui-radio__root:first-child > :first-child, .oui-checkbox-group:not(.oui-checkbox-group--inline) > .oui-checkbox-group__code + .oui-checkbox-group__container[data-variant=default] > .oui-checkbox__root > :first-child, .oui-checkbox-group--inline > .oui-checkbox-group__code + .oui-checkbox-group__container[data-variant=default] > .oui-checkbox__root:first-child > :first-child {
+  margin-left: calc(var(--oui-space) * 2);
+}
+.oui-radio-group:not(.oui-radio-group--inline) > .oui-radio-group__code + .oui-radio-group__container[data-variant=default] > .oui-radio__root > .oui-radio__code:first-child, .oui-radio-group--inline > .oui-radio-group__code + .oui-radio-group__container[data-variant=default] > .oui-radio__root:first-child > .oui-radio__code:first-child, .oui-checkbox-group:not(.oui-checkbox-group--inline) > .oui-checkbox-group__code + .oui-checkbox-group__container[data-variant=default] > .oui-checkbox__root > .oui-checkbox__code:first-child, .oui-checkbox-group--inline > .oui-checkbox-group__code + .oui-checkbox-group__container[data-variant=default] > .oui-checkbox__root:first-child > .oui-checkbox__code:first-child {
+  margin-left: calc(var(--oui-space) * 0.5);
+}
+.oui-radio-group__end-container, .oui-checkbox-group__end-container {
+  display: flex;
+  align-items: center;
+}
+.oui-radio-group__end-container, .oui-checkbox-group__end-container {
+  padding-left: calc(var(--oui-space) * 2.5);
+}
+.oui-radio-group__end-container[data-variant=cell], .oui-checkbox-group__end-container[data-variant=cell] {
+  padding: 0 calc(var(--oui-space) * 2.5) 0 0;
+}
+.oui-radio-group__clear-button {
+  padding-left: calc(var(--oui-space) * 2.5);
+  padding-right: calc(var(--oui-space) * 2.5);
+  font-size: !important;
+  z-index: calc(var(--oui-z-index-focused) + 1);
+}
+.oui-radio-group__clear-button:focus:not(:focus-visible) {
+  box-shadow: none;
+}
+[data-disabled].oui-radio-group__spinner, [data-disabled].oui-checkbox-group__spinner {
+  opacity: 0.5;
+}
+.oui-radio-group__spinner:not(:first-child), .oui-checkbox-group__spinner:not(:first-child) {
+  margin-left: calc(var(--oui-space) * 2);
+}
+
+.oui-close-button {
+  min-height: 1.75em !important;
+  min-width: 1.75em !important;
+  color: inherit !important;
+  opacity: 0.8;
+}
+.oui-close-button:hover:not(:disabled, [data-disabled]) {
+  opacity: 1;
+}
+
+.oui-code {
+  padding: calc(var(--oui-space) * 0.4) var(--oui-space);
+  border-radius: var(--oui-border-radius-sm);
+  font-family: var(--oui-font-family-code);
+  font-weight: 400;
+  font-size: 0.975em;
+  line-height: 1.25;
+  word-wrap: break-word;
+  white-space: pre-wrap;
+  background-color: var(--oui-accent-a3);
+  color: var(--oui-accent-a11);
+}
+pre > .oui-code {
+  display: block;
+  padding: calc(var(--oui-space) * 2.5) calc(var(--oui-space) * 4);
+  white-space: inherit;
+  overflow: auto;
+}
+a > .oui-code {
+  color: inherit;
+}
+
+.oui-collapsible__trigger {
+  color: inherit !important;
+}
+.oui-collapsible__content {
+  overflow: hidden;
+}
+.oui-collapsible__content[data-direction=vertical] {
+  --oui-animation-height: var(--radix-collapsible-content-height);
+}
+@media (prefers-reduced-motion: no-preference) {
+  .oui-collapsible__content[data-direction=vertical][data-state=open] {
+    animation: oui-expand-vertical 0.35s ease;
+  }
+}
+@media (prefers-reduced-motion: no-preference) {
+  .oui-collapsible__content[data-direction=vertical][data-state=closed] {
+    animation: oui-collapse-vertical 0.35s ease;
+  }
+}
+.oui-collapsible__content[data-direction=horizontal] {
+  --oui-animation-width: var(--radix-collapsible-content-width);
+}
+@media (prefers-reduced-motion: no-preference) {
+  .oui-collapsible__content[data-direction=horizontal][data-state=open] {
+    animation: oui-expand-horizontal 0.35s ease;
+  }
+}
+@media (prefers-reduced-motion: no-preference) {
+  .oui-collapsible__content[data-direction=horizontal][data-state=closed] {
+    animation: oui-collapse-horizontal 0.35s ease;
+  }
+}
+
+.oui-menu-list {
+  width: 100%;
+  margin: 0;
+  padding: calc(var(--oui-space) * 2) calc(var(--oui-space) * 5);
+  overflow: auto;
+  scrollbar-width: thin;
+}
+.oui-menu-list__group, .oui-command-menu [cmdk-group-items] {
+  padding: 0;
+}
+.oui-menu-list__group-label, .oui-command-menu [cmdk-group-heading] {
+  padding: calc(var(--oui-space) * 1.5) calc(var(--oui-space) * -2);
+  font-size: var(--oui-font-size-xs);
+  line-height: var(--oui-line-height-xs);
+  color: var(--oui-neutral-a10);
+}
+.oui-menu-list__group-item:not([hidden]) + :is(.oui-menu-list__group-item, .oui-command-menu [cmdk-group], .oui-menu-list__item), .oui-command-menu [cmdk-group]:not([hidden]) + :is(.oui-menu-list__group-item, .oui-command-menu [cmdk-group], .oui-menu-list__item) {
+  margin-top: calc(var(--oui-space) * 2);
+  padding-top: calc(var(--oui-space) * 2);
+  border-top: 1px solid var(--oui-neutral-a7);
+}
+.oui-menu-list__group-item, .oui-command-menu [cmdk-group], .oui-menu-list__item {
+  list-style-type: none;
+}
+.oui-menu-list__item {
+  outline: 0;
+  margin: 0 calc(var(--oui-space) * -3);
+}
+.oui-menu-list__item:not(:first-child) {
+  margin-top: calc(var(--oui-space) * 0.5);
+}
+.oui-menu-list__item-action {
+  all: unset;
+  box-sizing: border-box;
+  -webkit-user-select: none;
+  user-select: none;
+  width: 100%;
+  position: relative;
+  display: flex;
+  align-items: center;
+  min-height: 32px;
+  padding: calc(var(--oui-space) * 1.5) calc(var(--oui-space) * 3);
+  font-size: var(--oui-font-size-sm);
+  line-height: var(--oui-line-height-sm);
+  text-decoration: none;
+  border-radius: var(--oui-border-radius-sm);
+  color: var(--oui-menu-item-color, );
+  background-color: var(--oui-menu-item-background-color);
+}
+@media (prefers-reduced-motion: no-preference) {
+  .oui-menu-list__item-action {
+    transition-property: var(--oui-transition-property);
+    transition-duration: var(--oui-transition-duration);
+    transition-timing-function: var(--oui-transition-timing-function);
+  }
+}
+.oui-menu-list__item-action:is(button):not(:disabled):not([data-disabled=""]):not([data-disabled=true]) {
+  cursor: pointer;
+}
+.oui-menu-list__item-action:any-link:not(:disabled):not([data-disabled=""]):not([data-disabled=true]) {
+  cursor: pointer;
+}
+.oui-menu-list__item-action:is(:disabled, [data-disabled=""], [data-disabled=true]) {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+.oui-menu-list__item-action:focus-visible {
+  outline: 2px solid var(--oui-primary-8);
+  outline-offset: var(--oui-menu-item-focus-outline-offset, -1px);
+}
+.oui-menu-list__item-action:focus-visible[data-accent] {
+  outline-color: var(--oui-accent-8);
+}
+[data-accent].oui-menu-list__item-action--solid {
+  --oui-menu-item-color: var(--oui-accent-a11);
+  --oui-menu-item-icon-color: var(--oui-accent-a10);
+}
+.oui-menu-list__item:not([data-state=checked][data-hide-control]):is([data-highlighted], [data-state=open], [data-selected=true]) .oui-menu-list__item-action--solid:not(:disabled):not([data-disabled=""]):not([data-disabled=true]),
+.oui-menu-list__item:not([data-state=checked][data-hide-control]) .oui-menu-list__item-action--solid:not(:disabled):not([data-disabled=""]):not([data-disabled=true]):hover {
+  --oui-menu-item-background-color: var(--oui-primary-a4);
+}
+.oui-menu-list__item:not([data-state=checked][data-hide-control]):is([data-highlighted], [data-state=open], [data-selected=true]) .oui-menu-list__item-action--solid:not(:disabled):not([data-disabled=""]):not([data-disabled=true])[data-accent],
+.oui-menu-list__item:not([data-state=checked][data-hide-control]) .oui-menu-list__item-action--solid:not(:disabled):not([data-disabled=""]):not([data-disabled=true])[data-accent]:hover {
+  --oui-menu-item-background-color: var(--oui-accent-a4);
+}
+.oui-menu-list__item[data-state=checked][data-hide-control] .oui-menu-list__item-action--solid, .oui-menu-list__item-action--solid:is([data-selected=""], [data-selected=true]) {
+  --oui-menu-item-background-color: var(--oui-primary-a9);
+  --oui-menu-item-color: var(--oui-primary-contrast);
+  --oui-menu-item-focus-outline-offset: 2px;
+  --oui-menu-item-icon-color: var(--oui-primary-contrast);
+}
+.oui-menu-list__item[data-state=checked][data-hide-control] [data-accent].oui-menu-list__item-action--solid, [data-accent].oui-menu-list__item-action--solid:is([data-selected=""], [data-selected=true]) {
+  --oui-menu-item-background-color: var(--oui-accent-a9);
+  --oui-menu-item-color: var(--oui-accent-contrast);
+  --oui-menu-item-icon-color: var(--oui-accent-contrast);
+}
+.oui-menu-list__item:not([data-state=checked][data-hide-control]):is([data-highlighted], [data-state=open], [data-selected=true]) .oui-menu-list__item-action--solid:not(:disabled):not([data-disabled=""]):not([data-disabled=true]):is(.oui-menu-list__item[data-state=checked][data-hide-control] .oui-menu-list__item-action--solid, .oui-menu-list__item-action--solid:is([data-selected=""], [data-selected=true])),
+.oui-menu-list__item:not([data-state=checked][data-hide-control]) .oui-menu-list__item-action--solid:not(:disabled):not([data-disabled=""]):not([data-disabled=true]):is(.oui-menu-list__item[data-state=checked][data-hide-control] .oui-menu-list__item-action--solid, .oui-menu-list__item-action--solid:is([data-selected=""], [data-selected=true])):hover {
+  --oui-menu-item-background-color: var(--oui-primary-a9);
+}
+.oui-menu-list__item:not([data-state=checked][data-hide-control]):is([data-highlighted], [data-state=open], [data-selected=true]) .oui-menu-list__item-action--solid:not(:disabled):not([data-disabled=""]):not([data-disabled=true]):is(.oui-menu-list__item[data-state=checked][data-hide-control] .oui-menu-list__item-action--solid, .oui-menu-list__item-action--solid:is([data-selected=""], [data-selected=true]))[data-accent],
+.oui-menu-list__item:not([data-state=checked][data-hide-control]) .oui-menu-list__item-action--solid:not(:disabled):not([data-disabled=""]):not([data-disabled=true]):is(.oui-menu-list__item[data-state=checked][data-hide-control] .oui-menu-list__item-action--solid, .oui-menu-list__item-action--solid:is([data-selected=""], [data-selected=true]))[data-accent]:hover {
+  --oui-menu-item-background-color: var(--oui-accent-a9);
+}
+[data-accent].oui-menu-list__item-action--subtle {
+  --oui-menu-item-color: var(--oui-accent-a11);
+  --oui-menu-item-icon-color: var(--oui-accent-a10);
+}
+.oui-menu-list__item:not([data-state=checked][data-hide-control]):is([data-highlighted], [data-state=open], [data-selected=true]) .oui-menu-list__item-action--subtle:not(:disabled):not([data-disabled=""]):not([data-disabled=true]),
+.oui-menu-list__item:not([data-state=checked][data-hide-control]) .oui-menu-list__item-action--subtle:not(:disabled):not([data-disabled=""]):not([data-disabled=true]):hover {
+  --oui-menu-item-background-color: var(--oui-primary-a4);
+}
+.oui-menu-list__item:not([data-state=checked][data-hide-control]):is([data-highlighted], [data-state=open], [data-selected=true]) .oui-menu-list__item-action--subtle:not(:disabled):not([data-disabled=""]):not([data-disabled=true])[data-accent],
+.oui-menu-list__item:not([data-state=checked][data-hide-control]) .oui-menu-list__item-action--subtle:not(:disabled):not([data-disabled=""]):not([data-disabled=true])[data-accent]:hover {
+  --oui-menu-item-background-color: var(--oui-accent-a4);
+}
+.oui-menu-list__item[data-state=checked][data-hide-control] .oui-menu-list__item-action--subtle, .oui-menu-list__item-action--subtle:is([data-selected=""], [data-selected=true]) {
+  --oui-menu-item-background-color: var(--oui-primary-a5);
+  --oui-menu-item-icon-color: var(--oui-neutral-a11);
+}
+.oui-menu-list__item[data-state=checked][data-hide-control] [data-accent].oui-menu-list__item-action--subtle, [data-accent].oui-menu-list__item-action--subtle:is([data-selected=""], [data-selected=true]) {
+  --oui-menu-item-background-color: var(--oui-accent-a5);
+  --oui-menu-item-icon-color: var(--oui-accent-a11);
+}
+.oui-menu-list__item:not([data-state=checked][data-hide-control]):is([data-highlighted], [data-state=open], [data-selected=true]) .oui-menu-list__item-action--subtle:not(:disabled):not([data-disabled=""]):not([data-disabled=true]):is(.oui-menu-list__item[data-state=checked][data-hide-control] .oui-menu-list__item-action--subtle, .oui-menu-list__item-action--subtle:is([data-selected=""], [data-selected=true])),
+.oui-menu-list__item:not([data-state=checked][data-hide-control]) .oui-menu-list__item-action--subtle:not(:disabled):not([data-disabled=""]):not([data-disabled=true]):is(.oui-menu-list__item[data-state=checked][data-hide-control] .oui-menu-list__item-action--subtle, .oui-menu-list__item-action--subtle:is([data-selected=""], [data-selected=true])):hover {
+  --oui-menu-item-background-color: var(--oui-primary-a5);
+}
+.oui-menu-list__item:not([data-state=checked][data-hide-control]):is([data-highlighted], [data-state=open], [data-selected=true]) .oui-menu-list__item-action--subtle:not(:disabled):not([data-disabled=""]):not([data-disabled=true]):is(.oui-menu-list__item[data-state=checked][data-hide-control] .oui-menu-list__item-action--subtle, .oui-menu-list__item-action--subtle:is([data-selected=""], [data-selected=true]))[data-accent],
+.oui-menu-list__item:not([data-state=checked][data-hide-control]) .oui-menu-list__item-action--subtle:not(:disabled):not([data-disabled=""]):not([data-disabled=true]):is(.oui-menu-list__item[data-state=checked][data-hide-control] .oui-menu-list__item-action--subtle, .oui-menu-list__item-action--subtle:is([data-selected=""], [data-selected=true]))[data-accent]:hover {
+  --oui-menu-item-background-color: var(--oui-accent-a5);
+}
+.oui-menu-list__item-content {
+  flex-grow: 1;
+}
+.oui-menu-list__item-icon, .oui-menu-list__item-spinner {
+  flex-grow: 0;
+  font-size: var(--oui-font-size-md);
+  color: var(--oui-menu-item-icon-color, var(--oui-neutral-a10));
+}
+.oui-menu-list__item-icon {
+  width: 1.25em;
+}
+.oui-menu-list__item-icon--start {
+  margin-right: calc(var(--oui-space) * 3);
+}
+.oui-menu-list__item-icon--end {
+  margin-left: calc(var(--oui-space) * 3);
+}
+.oui-menu-list__item-spinner--start {
+  margin-left: 0.125em;
+  margin-right: calc(var(--oui-space) * 3 + 0.125em);
+}
+.oui-menu-list__item-spinner--end {
+  margin-left: calc(var(--oui-space) * 3 + 0.125em);
+  margin-right: 0.125em;
+}
+.oui-dropdown-menu__sub-trigger-icon {
+  font-size: var(--oui-font-size-2xs);
+}
+.oui-dropdown-menu__checkbox, .oui-dropdown-menu__radio {
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  height: 16px;
+  margin-left: calc(var(--oui-space) * 3);
+  border-radius: var(--oui-border-radius-sm);
+  border: 1px solid var(--oui-menu-item-icon-color, var(--oui-neutral-a10));
+  font-size: var(--oui-font-size-xs);
+}
+.oui-dropdown-menu__checkbox-item:is([data-state=checked], [data-state=indeterminate]) .oui-dropdown-menu__checkbox, .oui-dropdown-menu__radio-item[data-state=checked] .oui-dropdown-menu__radio {
+  border: 0;
+  background-color: var(--oui-menu-item-icon-color, var(--oui-neutral-a10));
+  color: var(--oui-menu-checkable-indicator-color, var(--oui-background-color));
+}
+.oui-dropdown-menu__radio {
+  border-radius: 50%;
+}
+.oui-dropdown-menu__radio-indicator {
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background-color: currentColor;
+}
+
+.oui-command-menu {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  border: 1px solid var(--oui-neutral-a7);
+  border-radius: var(--oui-border-radius-sm);
+  background-color: var(--oui-background-color);
+  box-shadow: var(--oui-box-shadow-sm);
+}
+.oui-command-menu__dialog {
+  z-index: var(--oui-z-index-dialog);
+}
+.oui-command-menu__dialog .oui-command-menu {
+  box-shadow: var(--oui-box-shadow-lg);
+}
+.oui-command-menu__dialog {
+  --oui-animation-transform: translateY(-5px) scale(0.97);
+}
+@media (prefers-reduced-motion: no-preference) {
+  .oui-command-menu__dialog[data-state=open] {
+    animation: oui-transform-in 0.15s ease-out;
+  }
+}
+@media (prefers-reduced-motion: no-preference) {
+  .oui-command-menu__dialog[data-state=closed] {
+    animation: oui-transform-out 0.15s ease-out;
+  }
+}
+.oui-command-menu__dialog--sm {
+  width: 300px;
+}
+.oui-command-menu__dialog--md {
+  width: 500px;
+}
+.oui-command-menu__dialog--lg {
+  width: 800px;
+}
+.oui-command-menu__dialog--xl {
+  width: 1140px;
+}
+.oui-command-menu__search-root {
+  width: auto !important;
+  height: auto !important;
+  border-bottom: 1px solid var(--oui-neutral-7);
+}
+.oui-command-menu__search-root, .oui-command-menu__search-container {
+  border-radius: var(--oui-border-radius-sm) var(--oui-border-radius-sm) 0 0 !important;
+}
+.oui-command-menu__search-container {
+  box-shadow: none !important;
+  min-height: auto !important;
+}
+.oui-command-menu__search {
+  width: 0;
+  padding-top: calc(var(--oui-space) * 0.5 + var(--oui-space) * 1.5) !important;
+  padding-bottom: calc(var(--oui-space) * 0.5 + var(--oui-space) * 1.5) !important;
+}
+.oui-command-menu__search:first-child {
+  padding-left: calc(var(--oui-space) * 5 + var(--oui-space) * -3 + var(--oui-space) * 3);
+}
+.oui-command-menu__search-adornment {
+  padding: 0 !important;
+}
+.oui-command-menu__search-adornment:first-child {
+  margin: 0 calc(var(--oui-space) * 3 - var(--oui-space) * 3) 0 calc(var(--oui-space) * 5 + var(--oui-space) * -3 + var(--oui-space) * 3) !important;
+}
+.oui-command-menu__search-adornment:last-child {
+  margin: 0 calc(var(--oui-space) * 5 + var(--oui-space) * -3 + var(--oui-space) * 3) 0 calc(var(--oui-space) * 3 - var(--oui-space) * 3) !important;
+}
+.oui-command-menu__search-icon {
+  font-size: var(--oui-font-size-md) !important;
+  width: 1.25em !important;
+}
+.oui-command-menu__list {
+  max-height: 490px;
+  height: calc(var(--cmdk-list-height) + var(--oui-space) * 2 * 2);
+  transition: height 0.05s ease;
+}
+.oui-command-menu__item .oui-command-menu__item-action:not(a,
+:disabled,
+[data-disabled=""],
+[data-disabled=true]) {
+  cursor: pointer;
+}
+.oui-command-menu__loading {
+  padding: calc(var(--oui-space) * 1.5) calc(var(--oui-space) * 3);
+  text-align: center;
+}
+.oui-command-menu__spinner {
+  vertical-align: middle;
+  font-size: var(--oui-font-size-lg);
+}
+.oui-command-menu__empty-message {
+  padding: calc(var(--oui-space) * 1.5) calc(var(--oui-space) * -3 + var(--oui-space) * 3);
+  color: var(--oui-neutral-a10);
+  font-size: var(--oui-font-size-sm);
+  line-height: var(--oui-line-height-sm);
+}
+
+.oui-container {
+  width: 100%;
+  margin-left: auto;
+  margin-right: auto;
+  padding-left: var(--oui-container-left-gutter);
+  padding-right: var(--oui-container-right-gutter);
+  --oui-container-left-gutter: calc(var(--oui-space) * 2.5);
+  --oui-container-right-gutter: calc(var(--oui-space) * 2.5);
+}
+.oui-container[data-has-left-gutter-xs] {
+  --oui-container-left-gutter: var(--oui-container-left-gutter-xs);
+}
+.oui-container[data-has-right-gutter-xs] {
+  --oui-container-right-gutter: var(--oui-container-right-gutter-xs);
+}
+@media (min-width: 576px) {
+  .oui-container[data-has-left-gutter-sm] {
+    --oui-container-left-gutter: var(--oui-container-left-gutter-sm);
+  }
+  .oui-container[data-has-right-gutter-sm] {
+    --oui-container-right-gutter: var(--oui-container-right-gutter-sm);
+  }
+}
+@media (min-width: 768px) {
+  .oui-container[data-has-left-gutter-md] {
+    --oui-container-left-gutter: var(--oui-container-left-gutter-md);
+  }
+  .oui-container[data-has-right-gutter-md] {
+    --oui-container-right-gutter: var(--oui-container-right-gutter-md);
+  }
+}
+@media (min-width: 992px) {
+  .oui-container[data-has-left-gutter-lg] {
+    --oui-container-left-gutter: var(--oui-container-left-gutter-lg);
+  }
+  .oui-container[data-has-right-gutter-lg] {
+    --oui-container-right-gutter: var(--oui-container-right-gutter-lg);
+  }
+}
+@media (min-width: 1200px) {
+  .oui-container[data-has-left-gutter-xl] {
+    --oui-container-left-gutter: var(--oui-container-left-gutter-xl);
+  }
+  .oui-container[data-has-right-gutter-xl] {
+    --oui-container-right-gutter: var(--oui-container-right-gutter-xl);
+  }
+}
+@media (min-width: 1400px) {
+  .oui-container[data-has-left-gutter-xxl] {
+    --oui-container-left-gutter: var(--oui-container-left-gutter-xxl);
+  }
+  .oui-container[data-has-right-gutter-xxl] {
+    --oui-container-right-gutter: var(--oui-container-right-gutter-xxl);
+  }
+}
+
+@media (min-width: 576px) {
+  .oui-container--sm {
+    max-width: 540px;
+  }
+}
+@media (min-width: 768px) {
+  .oui-container--md, .oui-container--sm {
+    max-width: 720px;
+  }
+}
+@media (min-width: 992px) {
+  .oui-container--lg, .oui-container--md, .oui-container--sm {
+    max-width: 960px;
+  }
+}
+@media (min-width: 1200px) {
+  .oui-container--xl, .oui-container--lg, .oui-container--md, .oui-container--sm {
+    max-width: 1140px;
+  }
+}
+@media (min-width: 1400px) {
+  .oui-container--xxl, .oui-container--xl, .oui-container--lg, .oui-container--md, .oui-container--sm {
+    max-width: 1320px;
+  }
+}
+.oui-control-addon {
+  align-self: var(--oui-control-addon-align-self);
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: inherit;
+  line-height: 1;
+  background-color: var(--oui-control-addon-background-color);
+  color: var(--oui-control-addon-color);
+  text-shadow: var(--oui-control-addon-text-shadow);
+}
+.oui-control-addon:focus {
+  z-index: var(--oui-z-index-focused);
+}
+.oui-control-addon:focus-visible {
+  outline: 2px solid var(--oui-control-addon-outline-color);
+  outline-offset: -1px;
+}
+.oui-control-addon {
+  margin: 0 calc(var(--oui-control-addon-inset-x) * -1) 0 calc(var(--oui-control-addon-margin-x) - var(--oui-control-addon-inset-x));
+}
+.oui-control-addon:last-child {
+  margin-right: calc(var(--oui-control-addon-margin-x) - var(--oui-control-addon-inset-x));
+}
+:not(.oui-control-addon) + .oui-control-addon {
+  margin-left: calc(var(--oui-control-addon-inset-x) * -1);
+}
+.oui-control-addon {
+  padding: var(--oui-control-addon-padding-y) var(--oui-control-addon-padding-x);
+  border-radius: var(--oui-control-addon-border-radius);
+  border-width: 0 var(--oui-control-addon-separator-width, 0);
+  border-style: solid;
+  border-color: var(--oui-control-addon-separator-color, var(--oui-control-border-color));
+}
+.oui-control-addon:first-child {
+  border-top-left-radius: var(--oui-control-addon-edge-border-radius, var(--oui-control-addon-border-radius));
+  border-bottom-left-radius: var(--oui-control-addon-edge-border-radius, var(--oui-control-addon-border-radius));
+}
+.oui-control-addon:first-child, .oui-control-addon + .oui-control-addon {
+  border-left-width: 0;
+}
+.oui-control-addon:last-child {
+  border-right-width: 0;
+  border-top-right-radius: var(--oui-control-addon-edge-border-radius, var(--oui-control-addon-border-radius));
+  border-bottom-right-radius: var(--oui-control-addon-edge-border-radius, var(--oui-control-addon-border-radius));
+}
+@media (prefers-reduced-motion: no-preference) {
+  .oui-control-addon {
+    transition-property: var(--oui-transition-property);
+    transition-duration: var(--oui-transition-duration);
+    transition-timing-function: var(--oui-transition-timing-function);
+  }
+}
+.oui-control-addon:is(:any-link, button) {
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  -webkit-appearance: button;
+  -webkit-user-select: none;
+  user-select: none;
+}
+.oui-control-addon:is(:any-link, button):not(:disabled, [data-disabled]) {
+  cursor: pointer;
+}
+.oui-control-addon:is(:any-link, button):is(:disabled, [data-disabled]) {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+.oui-control-addon[data-muted]:not(button):not(:any-link) {
+  opacity: 0.5;
+}
+.oui-control-addon > .oui-icon {
+  font-size: var(--oui-font-size-md);
+}
+.oui-control-addon[data-variant=default] {
+  --oui-control-addon-margin-x: calc(var(--oui-space) * 2.5);
+  --oui-control-addon-padding-y: var(--oui-space);
+  --oui-control-addon-padding-x: var(--oui-space);
+  --oui-control-addon-inset-x: var(--oui-space);
+  --oui-control-addon-border-radius: var(--oui-border-radius-sm);
+  --oui-control-addon-color: var(--oui-neutral-a11);
+  --oui-control-addon-outline-color: var(--oui-neutral-8);
+}
+.oui-control-addon[data-variant=default][data-status] {
+  --oui-control-addon-color: var(--oui-accent-a11);
+  --oui-control-addon-outline-color: var(--oui-accent-8);
+}
+.oui-control-addon[data-variant=default]:is(:any-link, button):hover:not(:disabled):not([data-disabled]):not(:active):not([data-active]):not([data-state=open]) {
+  --oui-control-addon-background-color: var(--oui-neutral-a3);
+}
+.oui-control-addon[data-variant=default]:is(:any-link, button):hover:not(:disabled):not([data-disabled]):not(:active):not([data-active]):not([data-state=open])[data-status] {
+  --oui-control-addon-background-color: var(--oui-accent-a3);
+}
+.oui-control-addon[data-variant=default]:is(:any-link, button):is(:active, [data-active]):not(:disabled):not([data-disabled]), .oui-control-addon[data-variant=default]:is(:any-link, button)[data-state=open] {
+  --oui-control-addon-background-color: var(--oui-neutral-a4);
+}
+.oui-control-addon[data-variant=default]:is(:any-link, button):is(:active, [data-active]):not(:disabled):not([data-disabled])[data-status], .oui-control-addon[data-variant=default]:is(:any-link, button)[data-state=open][data-status] {
+  --oui-control-addon-background-color: var(--oui-accent-a4);
+}
+.oui-control-addon[data-variant=cell] {
+  --oui-control-addon-margin-x: calc(var(--oui-space) * 3);
+  --oui-control-addon-padding-y: calc(var(--oui-space) * 1.5);
+  --oui-control-addon-padding-x: calc(var(--oui-space) * 1.5);
+  --oui-control-addon-inset-x: calc(var(--oui-space) * 1.5);
+  --oui-control-addon-border-radius: var(--oui-border-radius-sm);
+  --oui-control-addon-color: var(--oui-neutral-a11);
+  --oui-control-addon-outline-color: var(--oui-neutral-8);
+}
+.oui-control-addon[data-variant=cell][data-status] {
+  --oui-control-addon-color: var(--oui-accent-a11);
+  --oui-control-addon-outline-color: var(--oui-accent-8);
+}
+.oui-control-addon[data-variant=cell]:is(:any-link, button):hover:not(:disabled):not([data-disabled]):not(:active):not([data-active]):not([data-state=open]) {
+  --oui-control-addon-background-color: var(--oui-neutral-a3);
+}
+.oui-control-addon[data-variant=cell]:is(:any-link, button):hover:not(:disabled):not([data-disabled]):not(:active):not([data-active]):not([data-state=open])[data-status] {
+  --oui-control-addon-background-color: var(--oui-accent-a3);
+}
+.oui-control-addon[data-variant=cell]:is(:any-link, button):is(:active, [data-active]):not(:disabled):not([data-disabled]), .oui-control-addon[data-variant=cell]:is(:any-link, button)[data-state=open] {
+  --oui-control-addon-background-color: var(--oui-neutral-a4);
+}
+.oui-control-addon[data-variant=cell]:is(:any-link, button):is(:active, [data-active]):not(:disabled):not([data-disabled])[data-status], .oui-control-addon[data-variant=cell]:is(:any-link, button)[data-state=open][data-status] {
+  --oui-control-addon-background-color: var(--oui-accent-a4);
+}
+.oui-control-code {
+  min-width: 40px;
+  max-width: 40px;
+  position: relative;
+  align-self: stretch;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  padding: var(--oui-space) var(--oui-space);
+  font-size: var(--oui-font-size-sm);
+  line-height: var(--oui-line-height-sm);
+  border-radius: var(--oui-control-code-border-radius);
+  background-color: var(--oui-control-code-background-color);
+  color: var(--oui-control-code-color);
+}
+@media (prefers-reduced-motion: no-preference) {
+  .oui-control-code {
+    transition-property: var(--oui-transition-property);
+    transition-duration: var(--oui-transition-duration);
+    transition-timing-function: var(--oui-transition-timing-function);
+  }
+}
+.oui-control-code[data-variant=default] {
+  --oui-control-code-border-radius: var(--oui-border-radius-sm);
+  --oui-control-code-background-color: var(--oui-neutral-3);
+  --oui-control-code-color: var(--oui-neutral-11);
+}
+.oui-control-code[data-variant=default][data-status] {
+  --oui-control-code-background-color: var(--oui-accent-3);
+  --oui-control-code-color: var(--oui-accent-11);
+}
+.oui-control-code[data-variant=cell] {
+  --oui-control-code-border-radius: 0;
+  --oui-control-code-background-color: var(--oui-neutral-3);
+  --oui-control-code-color: var(--oui-neutral-11);
+}
+.oui-control-code[data-variant=cell][data-status] {
+  --oui-control-code-background-color: var(--oui-accent-4);
+  --oui-control-code-color: var(--oui-accent-11);
+}
+.oui-control-code > .oui-icon {
+  font-size: var(--oui-font-size-md);
+}
+.oui-control-code + .oui-label__container {
+  margin-left: var(--oui-space);
+}
+
+.oui-data-table::after {
+  content: "";
+  display: table;
+  clear: both;
+}
+.oui-data-table__empty-message {
+  color: #80838d;
+}
+.oui-data-table__row[data-last-row] > .oui-data-table__cell {
+  border-bottom-width: 0 !important;
+}
+.oui-data-table__cell[data-loading] {
+  padding: calc(var(--oui-space) * 2.5) calc(var(--oui-space) * 3) !important;
+}
+.oui-data-table__cell-spinner {
+  vertical-align: middle;
+}
+.oui-data-table__filter-root {
+  max-width: 250px;
+}
+.oui-data-table__rows-per-page, .oui-data-table__pagination {
+  display: inline-flex;
+  align-items: center;
+}
+.oui-data-table__rows-per-page-label {
+  margin-right: var(--oui-space);
+}
+.oui-data-table__rows-per-page-select-root, .oui-data-table__pagination-select-root {
+  width: auto !important;
+}
+.oui-data-table__pagination-label {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+}
+.oui-data-table__pagination-arrows {
+  margin-left: calc(var(--oui-space) * 2);
+  flex: 0 0 auto;
+}
+.oui-data-table__pagination-arrows > :first-child {
+  margin-right: var(--oui-space);
+}
+.oui-data-table > .oui-data-table__content-container:not(:first-child) {
+  margin-top: calc(var(--oui-space) * 2);
+}
+.oui-data-table > .oui-data-table__content-container:not(:last-child) {
+  margin-bottom: calc(var(--oui-space) * 2);
+}
+.oui-data-table > .oui-data-table__filter-root, .oui-data-table > .oui-data-table__pagination, .oui-data-table > .oui-data-table__selection-trigger {
+  float: right;
+  margin-bottom: calc(var(--oui-space) * 2);
+  margin-left: calc(var(--oui-space) * 2);
+}
+.oui-data-table > .oui-data-table__filter-root + .oui-data-table__content-container, .oui-data-table > .oui-data-table__pagination + .oui-data-table__content-container {
+  margin-top: 0;
+}
+.oui-data-table > .oui-data-table__content-container ~ .oui-data-table__filter-root, .oui-data-table > .oui-data-table__content-container ~ .oui-data-table__pagination {
+  margin-bottom: 0;
+}
+@media (max-width: 575.98px) {
+  .oui-data-table__rows-per-page, .oui-data-table__pagination {
+    display: flex;
+    justify-content: space-between;
+    width: 100%;
+  }
+  .oui-data-table__rows-per-page-select-root, .oui-data-table__pagination-select-root {
+    width: auto !important;
+  }
+  .oui-data-table > .oui-data-table__content-container:not(:first-child), .oui-data-table > .oui-data-table__content-container:not(:last-child) {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+  .oui-data-table > .oui-data-table__filter-root:not(:last-child), .oui-data-table > .oui-data-table__content-container:not(:last-child), .oui-data-table > .oui-data-table__rows-per-page:not(:last-child), .oui-data-table > .oui-data-table__pagination:not(:last-child) {
+    margin-bottom: calc(var(--oui-space) * 2);
+  }
+}
+
+.oui-date-range-input__popover.oui-popover, .oui-date-input__popover.oui-popover {
+  overflow: initial;
+  border: 0;
+  background-color: transparent;
+  box-shadow: none;
+}
+.oui-date-range-input__popover.oui-popover .oui-calendar__month, .oui-date-input__popover.oui-popover .oui-calendar__month {
+  box-shadow: var(--oui-box-shadow-md);
+}
+
+.oui-input, .oui-date-range-input {
+  position: relative;
+  min-width: 0;
+  flex: 1;
+  align-self: stretch;
+  padding: var(--oui-control-padding-y) var(--oui-control-padding-x);
+  border: 0;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  text-align: var(--oui-control-align);
+  color: inherit;
+  background-color: transparent;
+  --oui-control-align: inherit;
+}
+[data-has-align-xs].oui-input, [data-has-align-xs].oui-date-range-input {
+  --oui-control-align: var(--oui-control-align-xs);
+}
+@media (min-width: 576px) {
+  [data-has-align-sm].oui-input, [data-has-align-sm].oui-date-range-input {
+    --oui-control-align: var(--oui-control-align-sm);
+  }
+}
+@media (min-width: 768px) {
+  [data-has-align-md].oui-input, [data-has-align-md].oui-date-range-input {
+    --oui-control-align: var(--oui-control-align-md);
+  }
+}
+@media (min-width: 992px) {
+  [data-has-align-lg].oui-input, [data-has-align-lg].oui-date-range-input {
+    --oui-control-align: var(--oui-control-align-lg);
+  }
+}
+@media (min-width: 1200px) {
+  [data-has-align-xl].oui-input, [data-has-align-xl].oui-date-range-input {
+    --oui-control-align: var(--oui-control-align-xl);
+  }
+}
+@media (min-width: 1400px) {
+  [data-has-align-xxl].oui-input, [data-has-align-xxl].oui-date-range-input {
+    --oui-control-align: var(--oui-control-align-xxl);
+  }
+}
+.oui-input:first-child, .oui-date-range-input:first-child {
+  border-top-left-radius: var(--oui-control-border-radius);
+  border-bottom-left-radius: var(--oui-control-border-radius);
+}
+.oui-input:last-child, .oui-date-range-input:last-child {
+  border-top-right-radius: var(--oui-control-border-radius);
+  border-bottom-right-radius: var(--oui-control-border-radius);
+}
+.oui-input::placeholder, .oui-date-range-input::placeholder, .oui-select[data-placeholder] .oui-select__value {
+  color: inherit;
+  opacity: 0.5;
+}
+.oui-input:focus, .oui-date-range-input:focus {
+  outline: 0;
+}
+.oui-input:disabled, .oui-date-range-input:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+.oui-input__root, .oui-date-range-input__root {
+  display: flex;
+  width: 100%;
+  min-width: 0;
+  font-size: var(--oui-font-size-sm);
+  line-height: var(--oui-line-height-sm);
+}
+.oui-input__root[data-variant=default], .oui-date-range-input__root[data-variant=default] {
+  --oui-control-min-height: 32px;
+  --oui-control-padding-y: var(--oui-space);
+  --oui-control-padding-x: calc(var(--oui-space) * 2.5);
+  --oui-control-border-width: 1px;
+  --oui-control-border-color: var(--oui-neutral-7);
+  --oui-control-background-color: var(--oui-background-color);
+  --oui-control-border-radius: var(--oui-border-radius-sm);
+}
+[data-status].oui-input__root[data-variant=default], [data-status].oui-date-range-input__root[data-variant=default] {
+  --oui-control-border-color: var(--oui-accent-7);
+}
+[data-readonly].oui-input__root[data-variant=default], [data-readonly].oui-date-range-input__root[data-variant=default] {
+  --oui-control-border-color: var(--oui-neutral-7);
+  --oui-control-background-color: var(--oui-neutral-2);
+}
+[data-readonly][data-status].oui-input__root[data-variant=default], [data-readonly][data-status].oui-date-range-input__root[data-variant=default] {
+  --oui-control-border-color: var(--oui-accent-6);
+  --oui-control-background-color: color-mix(in srgb-linear, var(--oui-accent-3) 25%, var(--oui-neutral-2));
+}
+.oui-input__root[data-variant=cell], .oui-date-range-input__root[data-variant=cell] {
+  height: 100%;
+  --oui-control-min-height: 40px;
+  --oui-control-padding-y: calc(var(--oui-space) * 1.5);
+  --oui-control-padding-x: calc(var(--oui-space) * 3);
+  --oui-control-background-color: var(--oui-background-color);
+}
+[data-status].oui-input__root[data-variant=cell], [data-status].oui-date-range-input__root[data-variant=cell] {
+  --oui-control-background-color: var(--oui-accent-a3);
+  --oui-control-color: var(--oui-accent-a12);
+}
+[data-readonly].oui-input__root[data-variant=cell], [data-readonly].oui-date-range-input__root[data-variant=cell] {
+  --oui-control-background-color: var(--oui-neutral-2);
+}
+[data-readonly][data-status].oui-input__root[data-variant=cell], [data-readonly][data-status].oui-date-range-input__root[data-variant=cell] {
+  --oui-control-background-color: color-mix(in srgb-linear, var(--oui-accent-a3) 25%, var(--oui-neutral-2));
+}
+.oui-input__container, .oui-date-range-input__container {
+  display: flex;
+  align-items: center;
+  flex: 1;
+  min-height: var(--oui-control-min-height);
+  min-width: 0;
+  border-radius: var(--oui-control-border-radius);
+  border-width: var(--oui-control-border-width, 0);
+  border-style: solid;
+  border-color: var(--oui-control-border-color);
+  background-color: var(--oui-control-background-color, var(--oui-background-color));
+  background-image: var(--oui-control-background-image);
+  color: var(--oui-control-color, inherit);
+  box-shadow: var(--oui-control-box-shadow);
+  cursor: text;
+}
+.oui-input__container:is([data-focused], [data-state=open]), .oui-date-range-input__container:is([data-focused], [data-state=open]) {
+  z-index: var(--oui-z-index-focused);
+}
+[data-disabled].oui-input__container, [data-disabled].oui-date-range-input__container {
+  border-color: color-mix(in srgb, var(--oui-control-border-color) 50%, transparent);
+  background-color: color-mix(in srgb, var(--oui-control-background-color, var(--oui-background-color)) 50%, transparent);
+  cursor: not-allowed;
+}
+@media (prefers-reduced-motion: no-preference) {
+  .oui-input__container, .oui-date-range-input__container {
+    transition-property: var(--oui-transition-property);
+    transition-duration: var(--oui-transition-duration);
+    transition-timing-function: var(--oui-transition-timing-function);
+  }
+}
+.oui-input__container[data-variant=default]:is([data-focused], [data-state=open]):not([data-readonly]), .oui-date-range-input__container[data-variant=default]:is([data-focused], [data-state=open]):not([data-readonly]) {
+  --oui-control-border-color: var(--oui-primary-8);
+  --oui-control-box-shadow: 0 0 0 1px var(--oui-primary-8);
+}
+.oui-input__container[data-variant=default]:is([data-focused], [data-state=open]):not([data-readonly])[data-status], .oui-date-range-input__container[data-variant=default]:is([data-focused], [data-state=open]):not([data-readonly])[data-status] {
+  --oui-control-border-color: var(--oui-accent-8);
+  --oui-control-box-shadow: 0 0 0 1px var(--oui-accent-8);
+}
+[data-readonly].oui-input__container[data-variant=default]:is([data-focused], [data-state=open]), [data-readonly].oui-date-range-input__container[data-variant=default]:is([data-focused], [data-state=open]) {
+  --oui-control-box-shadow: 0 0 0 1px var(--oui-neutral-7);
+}
+[data-readonly].oui-input__container[data-variant=default]:is([data-focused], [data-state=open])[data-status], [data-readonly].oui-date-range-input__container[data-variant=default]:is([data-focused], [data-state=open])[data-status] {
+  --oui-control-box-shadow: 0 0 0 1px var(--oui-accent-6);
+}
+.oui-input__container[data-variant=cell]:is([data-focused], [data-state=open]):not([data-readonly]), .oui-date-range-input__container[data-variant=cell]:is([data-focused], [data-state=open]):not([data-readonly]) {
+  --oui-control-box-shadow: inset 0 0 0 2px var(--oui-primary-8);
+}
+.oui-input__container[data-variant=cell]:is([data-focused], [data-state=open]):not([data-readonly])[data-status], .oui-date-range-input__container[data-variant=cell]:is([data-focused], [data-state=open]):not([data-readonly])[data-status] {
+  --oui-control-box-shadow: inset 0 0 0 2px var(--oui-accent-8);
+}
+[data-readonly].oui-input__container[data-variant=cell]:is([data-focused], [data-state=open]), [data-readonly].oui-date-range-input__container[data-variant=cell]:is([data-focused], [data-state=open]) {
+  --oui-control-box-shadow: inset 0 0 0 2px var(--oui-neutral-7);
+}
+[data-readonly].oui-input__container[data-variant=cell]:is([data-focused], [data-state=open])[data-status], [data-readonly].oui-date-range-input__container[data-variant=cell]:is([data-focused], [data-state=open])[data-status] {
+  --oui-control-box-shadow: inset 0 0 0 2px var(--oui-accent-6);
+}
+.oui-input__code[data-variant=default], .oui-date-range-input__code[data-variant=default] {
+  border-top-right-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+}
+.oui-input__code[data-variant=default]::before, .oui-date-range-input__code[data-variant=default]::before, .oui-input__code[data-variant=default]::after, .oui-date-range-input__code[data-variant=default]::after {
+  content: "";
+  position: absolute;
+  left: 100%;
+  height: var(--oui-border-radius-sm);
+  width: 100%;
+  background-color: transparent;
+  box-shadow: calc(var(--oui-border-radius-sm) * -1) 0 0 0 var(--oui-control-code-background-color);
+}
+.oui-input__code[data-variant=default]::before, .oui-date-range-input__code[data-variant=default]::before {
+  top: 0;
+  border-top-left-radius: var(--oui-border-radius-sm);
+}
+.oui-input__code[data-variant=default]::after, .oui-date-range-input__code[data-variant=default]::after {
+  bottom: 0;
+  border-bottom-left-radius: var(--oui-border-radius-sm);
+}
+.oui-input__clear-button, .oui-date-range-input__clear-button {
+  margin: 0 calc(var(--oui-control-padding-x) - 0.5em) 0 -0.5em;
+  z-index: calc(var(--oui-z-index-focused) + 1);
+}
+.oui-input__spinner, .oui-date-range-input__spinner {
+  margin-right: var(--oui-control-padding-x);
+  pointer-events: none;
+  z-index: calc(var(--oui-z-index-focused) + 1);
+}
+[data-disabled].oui-input__spinner, [data-disabled].oui-date-range-input__spinner {
+  opacity: 0.5;
+}
+
+.oui-date-range-input__root[data-variant=default] {
+  --oui-date-range-input-inset-x: calc(var(--oui-space) * 2.5 - var(--oui-space) * 2.5 / 2);
+}
+.oui-date-range-input__root[data-variant=default][data-readonly] {
+  --oui-date-range-input-inset-x: calc(calc(var(--oui-space) * 2.5) - calc(var(--oui-space) * 2.5) / 2);
+}
+.oui-date-range-input__root[data-variant=cell] {
+  --oui-date-range-input-inset-x: calc(var(--oui-space) * 3 - var(--oui-space) * 3 / 2);
+}
+.oui-date-range-input__root[data-variant=cell][data-readonly] {
+  --oui-date-range-input-inset-x: calc(calc(var(--oui-space) * 3) - calc(var(--oui-space) * 3) / 2);
+}
+.oui-date-range-input__container[data-variant=cell] {
+  height: 100%;
+}
+.oui-date-range-input__popover-anchor > .oui-date-range-input__container {
+  margin: calc(var(--oui-control-border-width) * -1);
+  background: none;
+}
+.oui-date-range-input__popover-anchor > .oui-date-range-input__container:not([data-focused]) {
+  border-color: transparent;
+}
+.oui-date-range-input__popover-anchor > .oui-date-range-input__container:not(:first-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: calc(var(--oui-date-range-input-inset-x) - var(--oui-control-border-width, 0px));
+}
+.oui-date-range-input__popover-anchor > .oui-date-range-input__container:not(:first-child) > .oui-date-range-input {
+  padding-left: calc(var(--oui-control-padding-x) - var(--oui-date-range-input-inset-x));
+}
+.oui-date-range-input__popover-anchor > .oui-date-range-input__container:not(:last-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  margin-right: calc(var(--oui-date-range-input-inset-x) - var(--oui-control-border-width, 0px));
+}
+.oui-date-range-input__popover-anchor > .oui-date-range-input__container:not(:last-child) > .oui-date-range-input:last-child {
+  padding-right: calc(var(--oui-control-padding-x) - var(--oui-date-range-input-inset-x));
+}
+.oui-date-range-input__popover-anchor > .oui-date-range-input__container:not(:last-child) > .oui-date-range-input__clear-button:last-child {
+  margin-right: calc(var(--oui-control-padding-x) - 0.5em - var(--oui-date-range-input-inset-x));
+}
+.oui-date-range-input__popover-anchor > .oui-date-range-input__container:not(:last-child) > .oui-date-range-input__spinner:last-child {
+  margin-right: calc(var(--oui-control-padding-x) - var(--oui-date-range-input-inset-x));
+}
+.oui-dialog {
+  box-shadow: var(--oui-box-shadow-lg);
+  z-index: var(--oui-z-index-dialog);
+  --oui-animation-transform: translateY(-5px) scale(0.97);
+}
+.oui-dialog:focus {
+  outline: 0;
+}
+@media (prefers-reduced-motion: no-preference) {
+  .oui-dialog[data-state=open] {
+    animation: oui-transform-in 0.15s ease-out;
+  }
+}
+@media (prefers-reduced-motion: no-preference) {
+  .oui-dialog[data-state=closed] {
+    animation: oui-transform-out 0.15s ease-out;
+  }
+}
+.oui-dialog--sm {
+  width: 300px;
+}
+.oui-dialog--md {
+  width: 500px;
+}
+.oui-dialog--lg {
+  width: 800px;
+}
+.oui-dialog--xl {
+  width: 1140px;
+}
+.oui-dialog.oui-card--outlined {
+  --oui-card-background-color: var(--oui-background-color);
+  --oui-card-unmerged-body-background-color: var(--oui-background-color);
+}
+.oui-dialog.oui-card--ghost {
+  --oui-card-background-color: var(--oui-background-color);
+  --oui-card-unmerged-body-background-color: var(--oui-background-color);
+}
+.oui-dialog__close-button {
+  align-self: start;
+  margin: 0 -0.5em 0 calc(var(--oui-card-padding-x) - 0.5em);
+}
+.oui-dialog__description:first-child {
+  margin-top: 0;
+}
+.oui-dialog__description:last-child {
+  margin-bottom: 0;
+}
+
+.oui-popover, .oui-dropdown-menu {
+  border: 1px solid var(--oui-neutral-a7);
+  border-radius: var(--oui-border-radius-sm);
+  font-size: var(--oui-font-size-sm) !important;
+  line-height: var(--oui-line-height-sm) !important;
+  color: var(--oui-neutral-12) !important;
+  background-color: var(--oui-background-color);
+  box-shadow: var(--oui-box-shadow-md);
+  overflow: auto;
+  scrollbar-width: thin;
+  z-index: var(--oui-z-index-popover);
+}
+@media (prefers-reduced-motion: no-preference) {
+  [data-state=open].oui-popover, [data-state=open].oui-dropdown-menu {
+    animation: oui-fade-in var(--oui-animation-fade-duration) var(--oui-animation-fade-timing-function);
+  }
+}
+@media (prefers-reduced-motion: no-preference) {
+  [data-state=closed].oui-popover, [data-state=closed].oui-dropdown-menu {
+    animation: oui-fade-out var(--oui-animation-fade-duration) var(--oui-animation-fade-timing-function);
+  }
+}
+.oui-popover:focus, .oui-dropdown-menu:focus {
+  outline: 0;
+}
+.oui-popover__arrow, .oui-dropdown-menu__arrow {
+  fill: var(--oui-background-color);
+  filter: drop-shadow(0 1px 0 var(--oui-neutral-a7));
+  margin-top: -1px;
+}
+@-moz-document url-prefix() {
+  [data-side=bottom].oui-popover .oui-popover__arrow, [data-side=bottom].oui-dropdown-menu .oui-popover__arrow, [data-side=bottom].oui-popover .oui-dropdown-menu__arrow, [data-side=bottom].oui-dropdown-menu .oui-dropdown-menu__arrow {
+    filter: drop-shadow(0 -1px 0 var(--oui-neutral-a7));
+  }
+}
+
+.oui-dropdown-menu {
+  max-width: var(--radix-dropdown-menu-content-available-width);
+  max-height: var(--radix-dropdown-menu-content-available-height);
+  z-index: var(--oui-z-index-dropdown);
+}
+:is(.oui-dropdown-menu__item, .oui-dropdown-menu__checkbox-item, .oui-dropdown-menu__radio-item) .oui-menu-list__item-action:not(a):not(:disabled):not([data-disabled=""]):not([data-disabled=true]) {
+  cursor: pointer;
+}
+.oui-feedback {
+  font-size: var(--oui-font-size-xs);
+  line-height: var(--oui-line-height-xs);
+  color: var(--oui-accent-11);
+}
+@media (prefers-reduced-motion: no-preference) {
+  .oui-feedback {
+    transition-property: var(--oui-transition-property);
+    transition-duration: var(--oui-transition-duration);
+    transition-timing-function: var(--oui-transition-timing-function);
+  }
+}
+
+.oui-feedback-list {
+  width: fit-content;
+  margin: 0;
+  padding: 0;
+}
+.oui-feedback-list > .oui-feedback {
+  margin-left: calc(var(--oui-space) * 3.5) !important;
+}
+.oui-feedback-list > .oui-feedback ~ .oui-feedback {
+  margin-top: calc(var(--oui-space) * 0.5);
+}
+.oui-feedback-list > .oui-feedback:only-of-type {
+  list-style: none;
+  margin-left: 0 !important;
+}
+
+.oui-feedback-popover {
+  padding: var(--oui-space) calc(var(--oui-space) * 2);
+  max-width: min(500px, var(--radix-popover-content-available-width));
+  max-height: min(600px, var(--radix-popover-content-available-height));
+}
+.oui-feedback-popover__button-container {
+  display: flex;
+  align-items: center;
+}
+.oui-feedback-popover__button-container[data-variant=cell] {
+  height: 100%;
+  background-color: var(--oui-accent-a3);
+}
+.oui-feedback-popover__button-container[data-variant=cell] .oui-feedback-popover__button {
+  margin-right: calc(var(--oui-space) * 3 - (var(--oui-icon-button-min-size) - var(--oui-icon-button-font-size)) / 2);
+}
+:is(.oui-input, .oui-date-range-input__container) ~ .oui-feedback-popover__button-container .oui-feedback-popover__button {
+  margin: 0 calc(var(--oui-control-padding-x) - (var(--oui-icon-button-min-size) - var(--oui-icon-button-font-size)) / 2) 0 calc((var(--oui-icon-button-min-size) - var(--oui-icon-button-font-size)) / 2 * -1);
+}
+.oui-date-range-input__container[data-variant=default] ~ .oui-feedback-popover__button-container {
+  margin: 0 calc(var(--oui-control-padding-x) - (var(--oui-icon-button-min-size) - var(--oui-icon-button-font-size)) / 2);
+}
+.oui-feedback-popover .oui-feedback {
+  font-size: var(--oui-font-size-xs);
+  line-height: var(--oui-line-height-xs);
+}
+.oui-feedback-popover .oui-feedback ~ .oui-feedback {
+  margin-top: calc(var(--oui-space) * 0.5);
+}
+
+.oui-field {
+  width: 100%;
+}
+.oui-field > .oui-control-code, .oui-field > .oui-label__container {
+  margin-bottom: var(--oui-space);
+}
+.oui-field .oui-helper-text,
+.oui-field .oui-feedback-list:not(:empty),
+.oui-field .oui-feedback {
+  margin-top: var(--oui-space);
+}
+.oui-field .oui-helper-text ~ .oui-helper-text,
+.oui-field .oui-helper-text ~ .oui-feedback-list:not(:empty),
+.oui-field .oui-helper-text ~ .oui-feedback,
+.oui-field .oui-feedback-list:not(:empty) ~ .oui-helper-text,
+.oui-field .oui-feedback-list:not(:empty) ~ .oui-feedback-list:not(:empty),
+.oui-field .oui-feedback-list:not(:empty) ~ .oui-feedback,
+.oui-field .oui-feedback ~ .oui-helper-text,
+.oui-field .oui-feedback ~ .oui-feedback-list:not(:empty),
+.oui-field .oui-feedback ~ .oui-feedback {
+  margin-top: calc(var(--oui-space) * 0.5);
+}
+.oui-field[data-variant=cell] {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  height: 100%;
+}
+.oui-field[data-has-code] > .oui-label__container,
+.oui-field[data-has-code] .oui-helper-text,
+.oui-field[data-has-code] .oui-feedback {
+  margin-left: calc(40px + var(--oui-space) * 0.5);
+}
+.oui-field[data-has-code] .oui-feedback-list {
+  padding-left: calc(40px + var(--oui-space) * 0.5);
+}
+
+.oui-field-group {
+  --oui-field-group-body-padding-left: calc(var(--oui-space) * 12);
+}
+.oui-field-group__header {
+  display: flex;
+  align-items: baseline;
+}
+.oui-field-group__header > .oui-collapsible__trigger:last-child {
+  margin-left: auto;
+}
+.oui-field-group__code {
+  min-width: 40px;
+  max-width: 40px;
+  position: relative;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  padding: var(--oui-space) calc(var(--oui-space) * 0.5);
+  margin-right: calc(var(--oui-space) * 2);
+  font-size: var(--oui-font-size-sm);
+  line-height: var(--oui-line-height-sm);
+  font-weight: 600;
+  border: 1px solid rgb(244, 246.6612903226, 255);
+  border-radius: var(--oui-border-radius-sm);
+  background-color: var(--oui-background-color);
+  color: #3e63dd;
+}
+.oui-field-group__title {
+  margin: 0;
+  font-size: var(--oui-font-size-lg);
+  line-height: var(--oui-line-height-lg);
+  font-weight: 600;
+  color: rgb(51.2411067194, 81.4367588933, 180.2588932806);
+}
+.oui-field-group__header + .oui-field-group__body {
+  margin-top: calc(var(--oui-space) * 3);
+}
+.oui-field-group__header[data-has-code] + .oui-field-group__body {
+  padding-left: var(--oui-field-group-body-padding-left);
+}
+@media (max-width: 575.98px) {
+  .oui-field-group {
+    --oui-field-group-body-padding-left: calc(var(--oui-space) * 4);
+  }
+}
+
+.oui-grid {
+  min-width: 0;
+}
+.oui-grid__container {
+  display: flex;
+  flex-wrap: wrap;
+  margin-top: calc(var(--oui-grid-row-gap) * -1);
+  margin-left: calc(var(--oui-grid-column-gap) / -2);
+  margin-right: calc(var(--oui-grid-column-gap) / -2);
+  --oui-grid-row-gap: calc(var(--oui-space) * 5);
+  --oui-grid-column-gap: calc(var(--oui-space) * 5);
+}
+.oui-grid__container[data-has-row-gap-xs] {
+  --oui-grid-row-gap: var(--oui-grid-row-gap-xs);
+}
+.oui-grid__container[data-has-column-gap-xs] {
+  --oui-grid-column-gap: var(--oui-grid-column-gap-xs);
+}
+@media (min-width: 576px) {
+  .oui-grid__container[data-has-row-gap-sm] {
+    --oui-grid-row-gap: var(--oui-grid-row-gap-sm);
+  }
+  .oui-grid__container[data-has-column-gap-sm] {
+    --oui-grid-column-gap: var(--oui-grid-column-gap-sm);
+  }
+}
+@media (min-width: 768px) {
+  .oui-grid__container[data-has-row-gap-md] {
+    --oui-grid-row-gap: var(--oui-grid-row-gap-md);
+  }
+  .oui-grid__container[data-has-column-gap-md] {
+    --oui-grid-column-gap: var(--oui-grid-column-gap-md);
+  }
+}
+@media (min-width: 992px) {
+  .oui-grid__container[data-has-row-gap-lg] {
+    --oui-grid-row-gap: var(--oui-grid-row-gap-lg);
+  }
+  .oui-grid__container[data-has-column-gap-lg] {
+    --oui-grid-column-gap: var(--oui-grid-column-gap-lg);
+  }
+}
+@media (min-width: 1200px) {
+  .oui-grid__container[data-has-row-gap-xl] {
+    --oui-grid-row-gap: var(--oui-grid-row-gap-xl);
+  }
+  .oui-grid__container[data-has-column-gap-xl] {
+    --oui-grid-column-gap: var(--oui-grid-column-gap-xl);
+  }
+}
+@media (min-width: 1400px) {
+  .oui-grid__container[data-has-row-gap-xxl] {
+    --oui-grid-row-gap: var(--oui-grid-row-gap-xxl);
+  }
+  .oui-grid__container[data-has-column-gap-xxl] {
+    --oui-grid-column-gap: var(--oui-grid-column-gap-xxl);
+  }
+}
+.oui-grid__item {
+  max-width: 100%;
+  padding-top: var(--oui-grid-container-row-gap);
+  padding-left: calc(var(--oui-grid-container-column-gap) / 2);
+  padding-right: calc(var(--oui-grid-container-column-gap) / 2);
+  --oui-grid-item-auto-size-flex-toggler: var(--oui-grid-item-auto-size) 0 0 auto;
+  flex: var(--oui-grid-item-auto-size-flex-toggler, 1 1 0);
+  --oui-grid-item-auto-size-width-toggler: var(--oui-grid-item-auto-size) calc(100% * var(--oui-grid-item-size) / var(--oui-grid-container-columns));
+  width: var(--oui-grid-item-auto-size-width-toggler, auto);
+  --oui-grid-item-auto-offset-margin-left-toggler: var(--oui-grid-item-auto-offset) calc(100% * var(--oui-grid-item-offset) / var(--oui-grid-container-columns));
+  margin-left: var(--oui-grid-item-auto-offset-margin-left-toggler, auto);
+  --oui-grid-container-columns: 12;
+  --oui-grid-container-row-gap: calc(var(--oui-space) * 5);
+  --oui-grid-container-column-gap: calc(var(--oui-space) * 5);
+  --oui-grid-item-size: auto;
+  --oui-grid-item-auto-size: var(--oui-toggler-false);
+  --oui-grid-item-offset: 0;
+  --oui-grid-item-auto-offset: var(--oui-toggler-false);
+}
+.oui-grid__item[data-has-container-columns-xs] {
+  --oui-grid-container-columns: var(--oui-grid-container-columns-xs);
+}
+.oui-grid__item[data-has-container-row-gap-xs] {
+  --oui-grid-container-row-gap: var(--oui-grid-container-row-gap-xs);
+}
+.oui-grid__item[data-has-container-column-gap-xs] {
+  --oui-grid-container-column-gap: var(--oui-grid-container-column-gap-xs);
+}
+.oui-grid__item[data-has-item-size-xs] {
+  --oui-grid-item-size: var(--oui-grid-item-size-xs);
+}
+.oui-grid__item[data-has-item-auto-size-xs] {
+  --oui-grid-item-auto-size: var(--oui-grid-item-auto-size-xs);
+}
+.oui-grid__item[data-has-item-offset-xs] {
+  --oui-grid-item-offset: var(--oui-grid-item-offset-xs);
+}
+.oui-grid__item[data-has-item-auto-offset-xs] {
+  --oui-grid-item-auto-offset: var(--oui-grid-item-auto-offset-xs);
+}
+@media (min-width: 576px) {
+  .oui-grid__item[data-has-container-columns-sm] {
+    --oui-grid-container-columns: var(--oui-grid-container-columns-sm);
+  }
+  .oui-grid__item[data-has-container-row-gap-sm] {
+    --oui-grid-container-row-gap: var(--oui-grid-container-row-gap-sm);
+  }
+  .oui-grid__item[data-has-container-column-gap-sm] {
+    --oui-grid-container-column-gap: var(--oui-grid-container-column-gap-sm);
+  }
+  .oui-grid__item[data-has-item-size-sm] {
+    --oui-grid-item-size: var(--oui-grid-item-size-sm);
+  }
+  .oui-grid__item[data-has-item-auto-size-sm] {
+    --oui-grid-item-auto-size: var(--oui-grid-item-auto-size-sm);
+  }
+  .oui-grid__item[data-has-item-offset-sm] {
+    --oui-grid-item-offset: var(--oui-grid-item-offset-sm);
+  }
+  .oui-grid__item[data-has-item-auto-offset-sm] {
+    --oui-grid-item-auto-offset: var(--oui-grid-item-auto-offset-sm);
+  }
+}
+@media (min-width: 768px) {
+  .oui-grid__item[data-has-container-columns-md] {
+    --oui-grid-container-columns: var(--oui-grid-container-columns-md);
+  }
+  .oui-grid__item[data-has-container-row-gap-md] {
+    --oui-grid-container-row-gap: var(--oui-grid-container-row-gap-md);
+  }
+  .oui-grid__item[data-has-container-column-gap-md] {
+    --oui-grid-container-column-gap: var(--oui-grid-container-column-gap-md);
+  }
+  .oui-grid__item[data-has-item-size-md] {
+    --oui-grid-item-size: var(--oui-grid-item-size-md);
+  }
+  .oui-grid__item[data-has-item-auto-size-md] {
+    --oui-grid-item-auto-size: var(--oui-grid-item-auto-size-md);
+  }
+  .oui-grid__item[data-has-item-offset-md] {
+    --oui-grid-item-offset: var(--oui-grid-item-offset-md);
+  }
+  .oui-grid__item[data-has-item-auto-offset-md] {
+    --oui-grid-item-auto-offset: var(--oui-grid-item-auto-offset-md);
+  }
+}
+@media (min-width: 992px) {
+  .oui-grid__item[data-has-container-columns-lg] {
+    --oui-grid-container-columns: var(--oui-grid-container-columns-lg);
+  }
+  .oui-grid__item[data-has-container-row-gap-lg] {
+    --oui-grid-container-row-gap: var(--oui-grid-container-row-gap-lg);
+  }
+  .oui-grid__item[data-has-container-column-gap-lg] {
+    --oui-grid-container-column-gap: var(--oui-grid-container-column-gap-lg);
+  }
+  .oui-grid__item[data-has-item-size-lg] {
+    --oui-grid-item-size: var(--oui-grid-item-size-lg);
+  }
+  .oui-grid__item[data-has-item-auto-size-lg] {
+    --oui-grid-item-auto-size: var(--oui-grid-item-auto-size-lg);
+  }
+  .oui-grid__item[data-has-item-offset-lg] {
+    --oui-grid-item-offset: var(--oui-grid-item-offset-lg);
+  }
+  .oui-grid__item[data-has-item-auto-offset-lg] {
+    --oui-grid-item-auto-offset: var(--oui-grid-item-auto-offset-lg);
+  }
+}
+@media (min-width: 1200px) {
+  .oui-grid__item[data-has-container-columns-xl] {
+    --oui-grid-container-columns: var(--oui-grid-container-columns-xl);
+  }
+  .oui-grid__item[data-has-container-row-gap-xl] {
+    --oui-grid-container-row-gap: var(--oui-grid-container-row-gap-xl);
+  }
+  .oui-grid__item[data-has-container-column-gap-xl] {
+    --oui-grid-container-column-gap: var(--oui-grid-container-column-gap-xl);
+  }
+  .oui-grid__item[data-has-item-size-xl] {
+    --oui-grid-item-size: var(--oui-grid-item-size-xl);
+  }
+  .oui-grid__item[data-has-item-auto-size-xl] {
+    --oui-grid-item-auto-size: var(--oui-grid-item-auto-size-xl);
+  }
+  .oui-grid__item[data-has-item-offset-xl] {
+    --oui-grid-item-offset: var(--oui-grid-item-offset-xl);
+  }
+  .oui-grid__item[data-has-item-auto-offset-xl] {
+    --oui-grid-item-auto-offset: var(--oui-grid-item-auto-offset-xl);
+  }
+}
+@media (min-width: 1400px) {
+  .oui-grid__item[data-has-container-columns-xxl] {
+    --oui-grid-container-columns: var(--oui-grid-container-columns-xxl);
+  }
+  .oui-grid__item[data-has-container-row-gap-xxl] {
+    --oui-grid-container-row-gap: var(--oui-grid-container-row-gap-xxl);
+  }
+  .oui-grid__item[data-has-container-column-gap-xxl] {
+    --oui-grid-container-column-gap: var(--oui-grid-container-column-gap-xxl);
+  }
+  .oui-grid__item[data-has-item-size-xxl] {
+    --oui-grid-item-size: var(--oui-grid-item-size-xxl);
+  }
+  .oui-grid__item[data-has-item-auto-size-xxl] {
+    --oui-grid-item-auto-size: var(--oui-grid-item-auto-size-xxl);
+  }
+  .oui-grid__item[data-has-item-offset-xxl] {
+    --oui-grid-item-offset: var(--oui-grid-item-offset-xxl);
+  }
+  .oui-grid__item[data-has-item-auto-offset-xxl] {
+    --oui-grid-item-auto-offset: var(--oui-grid-item-auto-offset-xxl);
+  }
+}
+.oui-grid__item.oui-grid__container {
+  max-width: none;
+  --oui-grid-item-auto-size-width-toggler: var(--oui-grid-item-auto-size) calc(100% * var(--oui-grid-item-size) / var(--oui-grid-container-columns) + var(--oui-grid-column-gap));
+  width: var(--oui-grid-item-auto-size-width-toggler, auto);
+  --oui-grid-item-auto-offset-margin-left-toggler: var(--oui-grid-item-auto-offset) calc(var(--oui-grid-column-gap) / -2 + 100% * var(--oui-grid-item-offset) / var(--oui-grid-container-columns));
+  margin-left: var(--oui-grid-item-auto-offset-margin-left-toggler, auto);
+}
+
+.oui-heading {
+  margin-top: 0;
+  margin-bottom: calc(var(--oui-space) * 2);
+  font-weight: 700;
+}
+.oui-heading--1 {
+  font-size: var(--oui-font-size-4xl);
+  line-height: var(--oui-line-height-4xl);
+}
+.oui-heading--2 {
+  font-size: var(--oui-font-size-2xl);
+  line-height: var(--oui-line-height-2xl);
+}
+.oui-heading--3 {
+  font-size: var(--oui-font-size-lg);
+  line-height: var(--oui-line-height-lg);
+}
+.oui-heading--4 {
+  font-size: var(--oui-font-size-md);
+  line-height: var(--oui-line-height-md);
+}
+.oui-heading--5 {
+  font-size: var(--oui-font-size-sm);
+  line-height: var(--oui-line-height-sm);
+}
+.oui-heading--6 {
+  font-size: var(--oui-font-size-xs);
+  line-height: var(--oui-line-height-xs);
+}
+
+.oui-helper-text {
+  font-size: var(--oui-font-size-xs);
+  line-height: var(--oui-line-height-xs);
+  color: var(--oui-neutral-10);
+}
+
+.oui-icon {
+  flex: none;
+}
+.oui-icon[data-accent] {
+  color: var(--oui-accent-a11);
+}
+.oui-icon--3xs {
+  font-size: 0.5625rem;
+}
+.oui-icon--2xs {
+  font-size: 0.625rem;
+}
+.oui-icon--xs {
+  font-size: 0.75rem;
+}
+.oui-icon--sm {
+  font-size: 0.875rem;
+}
+.oui-icon--md {
+  font-size: 1rem;
+}
+.oui-icon--lg {
+  font-size: 1.125rem;
+}
+.oui-icon--xl {
+  font-size: 1.25rem;
+}
+.oui-icon--2xl {
+  font-size: 1.5rem;
+}
+.oui-icon--3xl {
+  font-size: 1.875rem;
+}
+.oui-icon--4xl {
+  font-size: 2.25rem;
+}
+.oui-icon--5xl {
+  font-size: 3rem;
+}
+.oui-icon--6xl {
+  font-size: 3.75rem;
+}
+.oui-icon--7xl {
+  font-size: 4.5rem;
+}
+.oui-icon--8xl {
+  font-size: 6rem;
+}
+.oui-icon--9xl {
+  font-size: 8rem;
+}
+
+.oui-icon-button {
+  min-height: var(--oui-icon-button-min-size);
+  min-width: var(--oui-icon-button-min-size);
+  padding: 0;
+  font-size: var(--oui-icon-button-font-size);
+}
+.oui-icon-button--circle {
+  border-radius: 50%;
+}
+.oui-icon-button--sm {
+  --oui-icon-button-min-size: 24px;
+  --oui-icon-button-font-size: var(--oui-font-size-xs);
+}
+.oui-icon-button--md {
+  --oui-icon-button-min-size: 32px;
+  --oui-icon-button-font-size: var(--oui-font-size-md);
+}
+.oui-icon-button--lg {
+  --oui-icon-button-min-size: 40px;
+  --oui-icon-button-font-size: var(--oui-font-size-2xl);
+}
+.oui-icon-button--xl {
+  --oui-icon-button-min-size: 48px;
+  --oui-icon-button-font-size: var(--oui-font-size-3xl);
+}
+.oui-input:is(textarea) {
+  resize: vertical;
+  min-height: calc(var(--oui-control-min-height) - var(--oui-control-border-width, 0px) * 2);
+}
+.oui-input:is(textarea)[data-variant=default] {
+  height: auto;
+}
+.oui-input[type=color i] {
+  height: auto;
+}
+.oui-input[type=color i]::-moz-color-swatch {
+  box-sizing: border-box;
+  height: calc(var(--oui-control-min-height) - var(--oui-control-border-width, 0px) * 2 - var(--oui-control-padding-y) * 2);
+  max-width: 80px;
+  margin: 0 auto;
+  border-radius: var(--oui-control-border-radius);
+}
+.oui-input[type=color i]::-webkit-color-swatch {
+  box-sizing: border-box;
+  height: calc(var(--oui-control-min-height) - var(--oui-control-border-width, 0px) * 2 - var(--oui-control-padding-y) * 2);
+  max-width: 80px;
+  margin: 0 auto;
+  border-radius: var(--oui-control-border-radius);
+}
+.oui-input[type=color i]::-webkit-color-swatch-wrapper {
+  padding: 0;
+}
+.oui-input[type=file i] {
+  text-align: start;
+  line-height: calc(var(--oui-control-min-height) - var(--oui-control-border-width, 0px) * 2 - var(--oui-control-padding-y) * 2);
+}
+.oui-input[type=file i]:not(:disabled):not([readonly]) {
+  cursor: pointer;
+}
+.oui-input[type=file i]::file-selector-button {
+  -webkit-appearance: button;
+  pointer-events: none;
+  cursor: inherit;
+  font-family: inherit;
+  line-height: calc(var(--oui-control-min-height) - var(--oui-control-border-width, 0px) * 2 - var(--oui-input-file-button-padding-y) * 2);
+  padding: calc(var(--oui-input-file-button-padding-y)) var(--oui-input-file-button-padding-x);
+  margin: calc(var(--oui-control-padding-y) * -1) calc(var(--oui-input-file-button-inset-x) * -1 + var(--oui-control-padding-x)) calc(var(--oui-control-padding-y) * -1) calc(var(--oui-input-file-button-margin-x) - var(--oui-input-file-button-inset-x) - var(--oui-control-padding-x));
+  background-color: var(--oui-input-file-button-background-color);
+  color: var(--oui-input-file-button-color);
+  text-shadow: var(--oui-input-file-button-text-shadow);
+  border-radius: var(--oui-input-file-button-border-radius);
+  border: 0;
+  border-right: var(--oui-input-file-button-separator-width, 0) solid var(--oui-input-file-button-separator-color, var(--oui-control-border-color));
+}
+.oui-input[type=file i][readonly]::file-selector-button {
+  display: none;
+}
+.oui-input[type=file i][data-variant=default] {
+  --oui-input-file-button-margin-x: calc(var(--oui-space) * 2.5);
+  --oui-input-file-button-padding-y: var(--oui-space);
+  --oui-input-file-button-padding-x: var(--oui-space);
+  --oui-input-file-button-inset-x: var(--oui-space);
+  --oui-input-file-button-border-radius: var(--oui-border-radius-sm);
+  --oui-input-file-button-color: var(--oui-neutral-a11);
+}
+.oui-input[type=file i][data-variant=default][data-status] {
+  --oui-input-file-button-color: var(--oui-accent-a11);
+}
+.oui-input[type=file i][data-variant=cell] {
+  --oui-input-file-button-margin-x: calc(var(--oui-space) * 3);
+  --oui-input-file-button-padding-y: calc(var(--oui-space) * 1.5);
+  --oui-input-file-button-padding-x: calc(var(--oui-space) * 1.5);
+  --oui-input-file-button-inset-x: calc(var(--oui-space) * 1.5);
+  --oui-input-file-button-border-radius: var(--oui-border-radius-sm);
+  --oui-input-file-button-color: var(--oui-neutral-a11);
+}
+.oui-input[type=file i][data-variant=cell][data-status] {
+  --oui-input-file-button-color: var(--oui-accent-a11);
+}
+.oui-input ::-webkit-datetime-edit-fields-wrapper,
+.oui-input ::-webkit-datetime-edit-text,
+.oui-input ::-webkit-datetime-edit-minute,
+.oui-input ::-webkit-datetime-edit-hour-field,
+.oui-input ::-webkit-datetime-edit-day-field,
+.oui-input ::-webkit-datetime-edit-month-field,
+.oui-input ::-webkit-datetime-edit-year-field {
+  padding: 0;
+}
+.oui-input ::-webkit-inner-spin-button {
+  height: auto;
+}
+
+.oui-keyboard {
+  padding: 1px var(--oui-space) 0;
+  border-radius: var(--oui-border-radius-xs);
+  font-family: var(--oui-font-family-code);
+  font-weight: 400;
+  font-size: 0.875em;
+  word-wrap: break-word;
+  border: 1px solid #cdced6;
+  border-bottom-width: 3px;
+  background-color: #f0f0f3;
+  color: #60646c;
+}
+
+.oui-label {
+  display: inline-block;
+  margin-top: 0;
+  margin-bottom: 0;
+  cursor: default;
+  font-size: var(--oui-font-size-sm);
+  font-weight: 500;
+  line-height: var(--oui-line-height-sm);
+}
+@media (prefers-reduced-motion: no-preference) {
+  .oui-label {
+    transition-property: var(--oui-transition-property);
+    transition-duration: var(--oui-transition-duration);
+    transition-timing-function: var(--oui-transition-timing-function);
+  }
+}
+.oui-label__container {
+  display: inline-flex;
+  align-items: center;
+}
+.oui-label__required-icon-container {
+  white-space: nowrap;
+}
+.oui-label__required-icon {
+  position: relative;
+  margin-left: var(--oui-space);
+  top: -0.75em;
+  font-size: 0.5em;
+  opacity: 0.75;
+}
+.oui-label__helper-button {
+  min-width: auto;
+  min-height: auto;
+  margin: calc(var(--oui-space) * 0.5 * -1) calc(var(--oui-space) * 0.5 * -1) calc(var(--oui-space) * 0.5 * -1) calc(var(--oui-space) * 0.5 * -1 + var(--oui-space) * 1.5);
+  padding: var(--oui-space);
+}
+.oui-label__helper-popover {
+  max-width: min(500px, var(--radix-popover-content-available-width));
+  max-height: min(600px, var(--radix-popover-content-available-height));
+  padding: var(--oui-space) calc(var(--oui-space) * 2);
+}
+
+.oui-link:is(:any-link, button) {
+  all: unset;
+  box-sizing: border-box;
+  cursor: pointer;
+  color: var(--oui-accent-a11);
+  text-decoration-line: none;
+  text-decoration-color: var(--oui-accent-a6);
+  text-decoration-thickness: min(2px, max(1px, 0.05em));
+  text-underline-offset: calc(0.025em + 2px);
+}
+.oui-link:is(:any-link, button):hover {
+  text-decoration-line: underline;
+}
+.oui-link--alert:is(:any-link, button) {
+  color: inherit;
+  text-decoration-line: underline;
+  font-weight: 700;
+}
+.oui-link--alert:is(:any-link, button):hover {
+  color: inherit;
+  text-decoration-color: inherit;
+}
+.oui-link__icon {
+  margin-left: 0.35em;
+}
+.oui-mark {
+  padding: 0.05em 0.1em;
+  margin: 0 -0.1em;
+  border-radius: var(--oui-border-radius-xs);
+  background-color: var(--oui-accent-a5);
+  color: inherit;
+}
+
+.oui-output {
+  align-self: center;
+}
+
+.oui-overlay {
+  position: fixed;
+  inset: 0;
+  display: flex;
+  align-items: start;
+  justify-content: center;
+  padding: calc(var(--oui-space) * 7) 2.5dvw;
+  overflow-y: auto;
+  z-index: var(--oui-z-index-overlay);
+  background-color: var(--oui-neutral-a8);
+}
+@media (prefers-reduced-motion: no-preference) {
+  .oui-overlay[data-state=open] {
+    animation: oui-fade-in var(--oui-animation-fade-duration) var(--oui-animation-fade-timing-function);
+  }
+}
+@media (prefers-reduced-motion: no-preference) {
+  .oui-overlay[data-state=closed] {
+    animation: oui-fade-out var(--oui-animation-fade-duration) var(--oui-animation-fade-timing-function);
+  }
+}
+
+.oui-radio {
+  border-radius: 50%;
+}
+.oui-radio__indicator {
+  height: 8px;
+  width: 8px;
+  border-radius: 50%;
+  background-color: currentColor;
+}
+:root {
+  --oui-toggler-true: initial;
+  --oui-toggler-false: ;
+  --oui-background-color: #fff;
+  --oui-neutral-1: #fcfcfd;
+  --oui-neutral-2: #f9f9fb;
+  --oui-neutral-3: #f0f0f3;
+  --oui-neutral-4: #e8e8ec;
+  --oui-neutral-5: #e0e1e6;
+  --oui-neutral-6: #d9d9e0;
+  --oui-neutral-7: #cdced6;
+  --oui-neutral-8: #b9bbc6;
+  --oui-neutral-9: #8b8d98;
+  --oui-neutral-10: #80838d;
+  --oui-neutral-11: #60646c;
+  --oui-neutral-12: #1c2024;
+  --oui-neutral-a1: rgba(0, 0, 85, 0.011764705882352941);
+  --oui-neutral-a2: rgba(0, 0, 85, 0.023529411764705882);
+  --oui-neutral-a3: rgba(0, 0, 51, 0.058823529411764705);
+  --oui-neutral-a4: rgba(0, 0, 45, 0.09019607843137255);
+  --oui-neutral-a5: rgba(0, 9, 50, 0.12156862745098039);
+  --oui-neutral-a6: rgba(0, 0, 47, 0.14901960784313725);
+  --oui-neutral-a7: rgba(0, 6, 46, 0.19607843137254902);
+  --oui-neutral-a8: rgba(0, 8, 48, 0.27450980392156865);
+  --oui-neutral-a9: rgba(0, 5, 29, 0.4549019607843137);
+  --oui-neutral-a10: rgba(0, 7, 27, 0.4980392156862745);
+  --oui-neutral-a11: rgba(0, 7, 20, 0.6235294117647059);
+  --oui-neutral-a12: rgba(0, 5, 9, 0.8901960784313725);
+  --oui-neutral-contrast: #fff;
+  --oui-neutral-surface: rgba(255, 255, 255, 0.8);
+  --oui-primary-1: #fdfdfe;
+  --oui-primary-2: #f7f9ff;
+  --oui-primary-3: #edf2fe;
+  --oui-primary-4: #e1e9ff;
+  --oui-primary-5: #d2deff;
+  --oui-primary-6: #c1d0ff;
+  --oui-primary-7: #abbdf9;
+  --oui-primary-8: #8da4ef;
+  --oui-primary-9: #3e63dd;
+  --oui-primary-10: #3358d4;
+  --oui-primary-11: #3a5bc7;
+  --oui-primary-12: #1f2d5c;
+  --oui-primary-a1: rgba(0, 0, 128, 0.00784313725490196);
+  --oui-primary-a2: rgba(0, 64, 255, 0.03137254901960784);
+  --oui-primary-a3: rgba(0, 71, 241, 0.07058823529411765);
+  --oui-primary-a4: rgba(0, 68, 255, 0.11764705882352941);
+  --oui-primary-a5: rgba(0, 68, 255, 0.17647058823529413);
+  --oui-primary-a6: rgba(0, 62, 255, 0.24313725490196078);
+  --oui-primary-a7: rgba(0, 55, 237, 0.32941176470588235);
+  --oui-primary-a8: rgba(0, 52, 220, 0.4470588235294118);
+  --oui-primary-a9: rgba(0, 49, 210, 0.7568627450980392);
+  --oui-primary-a10: rgba(0, 46, 201, 0.8);
+  --oui-primary-a11: rgba(0, 43, 183, 0.7725490196078432);
+  --oui-primary-a12: rgba(0, 16, 70, 0.8784313725490196);
+  --oui-primary-contrast: #fff;
+  --oui-primary-surface: rgba(245, 248, 255, 0.8);
+  --oui-success-1: #fbfefc;
+  --oui-success-2: #f4fbf6;
+  --oui-success-3: #e6f6eb;
+  --oui-success-4: #d6f1df;
+  --oui-success-5: #c4e8d1;
+  --oui-success-6: #adddc0;
+  --oui-success-7: #8eceaa;
+  --oui-success-8: #5bb98b;
+  --oui-success-9: #30a46c;
+  --oui-success-10: #2b9a66;
+  --oui-success-11: #218358;
+  --oui-success-12: #193b2d;
+  --oui-success-a1: rgba(0, 192, 64, 0.01568627450980392);
+  --oui-success-a2: rgba(0, 163, 47, 0.043137254901960784);
+  --oui-success-a3: rgba(0, 164, 51, 0.09803921568627451);
+  --oui-success-a4: rgba(0, 168, 56, 0.1607843137254902);
+  --oui-success-a5: rgba(1, 156, 57, 0.23137254901960785);
+  --oui-success-a6: rgba(0, 150, 60, 0.3215686274509804);
+  --oui-success-a7: rgba(0, 145, 64, 0.44313725490196076);
+  --oui-success-a8: rgba(0, 146, 75, 0.6431372549019608);
+  --oui-success-a9: rgba(0, 143, 74, 0.8117647058823529);
+  --oui-success-a10: rgba(0, 134, 71, 0.8313725490196079);
+  --oui-success-a11: rgba(0, 113, 63, 0.8705882352941177);
+  --oui-success-a12: rgba(0, 38, 22, 0.9019607843137255);
+  --oui-success-contrast: #fff;
+  --oui-success-surface: rgba(241, 250, 244, 0.8);
+  --oui-danger-1: #fffcfc;
+  --oui-danger-2: #fff7f7;
+  --oui-danger-3: #feebec;
+  --oui-danger-4: #ffdbdc;
+  --oui-danger-5: #ffcdce;
+  --oui-danger-6: #fdbdbe;
+  --oui-danger-7: #f4a9aa;
+  --oui-danger-8: #eb8e90;
+  --oui-danger-9: #e5484d;
+  --oui-danger-10: #dc3e42;
+  --oui-danger-11: #ce2c31;
+  --oui-danger-12: #641723;
+  --oui-danger-a1: rgba(255, 0, 0, 0.011764705882352941);
+  --oui-danger-a2: rgba(255, 0, 0, 0.03137254901960784);
+  --oui-danger-a3: rgba(243, 0, 13, 0.0784313725490196);
+  --oui-danger-a4: rgba(255, 0, 8, 0.1411764705882353);
+  --oui-danger-a5: rgba(255, 0, 6, 0.19607843137254902);
+  --oui-danger-a6: rgba(248, 0, 4, 0.25882352941176473);
+  --oui-danger-a7: rgba(223, 0, 3, 0.33725490196078434);
+  --oui-danger-a8: rgba(210, 0, 5, 0.44313725490196076);
+  --oui-danger-a9: rgba(219, 0, 7, 0.7176470588235294);
+  --oui-danger-a10: rgba(209, 0, 5, 0.7568627450980392);
+  --oui-danger-a11: rgba(196, 0, 6, 0.8274509803921568);
+  --oui-danger-a12: rgba(85, 0, 13, 0.9098039215686274);
+  --oui-danger-contrast: #fff;
+  --oui-danger-surface: rgba(255, 245, 245, 0.8);
+  --oui-warning-1: #fefdfb;
+  --oui-warning-2: #fefbe9;
+  --oui-warning-3: #fff7c2;
+  --oui-warning-4: #ffee9c;
+  --oui-warning-5: #fbe577;
+  --oui-warning-6: #f3d673;
+  --oui-warning-7: #e9c162;
+  --oui-warning-8: #e2a336;
+  --oui-warning-9: #ffc53d;
+  --oui-warning-10: #ffba18;
+  --oui-warning-11: #ab6400;
+  --oui-warning-12: #4f3422;
+  --oui-warning-a1: rgba(192, 128, 0, 0.01568627450980392);
+  --oui-warning-a2: rgba(244, 209, 0, 0.08627450980392157);
+  --oui-warning-a3: rgba(255, 222, 0, 0.23921568627450981);
+  --oui-warning-a4: rgba(255, 212, 0, 0.38823529411764707);
+  --oui-warning-a5: rgba(248, 207, 0, 0.5333333333333333);
+  --oui-warning-a6: rgba(234, 181, 0, 0.5490196078431373);
+  --oui-warning-a7: rgba(220, 155, 0, 0.615686274509804);
+  --oui-warning-a8: rgba(218, 138, 0, 0.788235294117647);
+  --oui-warning-a9: rgba(255, 179, 0, 0.7607843137254902);
+  --oui-warning-a10: rgba(255, 179, 0, 0.9058823529411765);
+  --oui-warning-a11: #ab6400;
+  --oui-warning-a12: rgba(52, 21, 0, 0.8666666666666667);
+  --oui-warning-contrast: #21201c;
+  --oui-warning-surface: rgba(254, 250, 228, 0.8);
+  --oui-space: 0.25rem;
+  --oui-border-radius-xs: 0.125rem;
+  --oui-border-radius-sm: 0.25rem;
+  --oui-border-radius-md: 0.375rem;
+  --oui-border-radius-lg: 0.5rem;
+  --oui-border-radius-xl: 0.75rem;
+  --oui-border-radius-2xl: 1rem;
+  --oui-border-radius-3xl: 1.5rem;
+  --oui-border-radius-full: calc(infinity * 1px);
+  --oui-box-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.075);
+  --oui-box-shadow-md: 0 8px 16px rgba(0, 0, 0, 0.15);
+  --oui-box-shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.175);
+  --oui-font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Open Sans", system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  --oui-font-family-code: Menlo, Consolas, "Bitstream Vera Sans Mono", monospace, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  --oui-font-size-3xs: 0.5625rem;
+  --oui-font-size-2xs: 0.625rem;
+  --oui-font-size-xs: 0.75rem;
+  --oui-font-size-sm: 0.875rem;
+  --oui-font-size-md: 1rem;
+  --oui-font-size-lg: 1.125rem;
+  --oui-font-size-xl: 1.25rem;
+  --oui-font-size-2xl: 1.5rem;
+  --oui-font-size-3xl: 1.875rem;
+  --oui-font-size-4xl: 2.25rem;
+  --oui-font-size-5xl: 3rem;
+  --oui-font-size-6xl: 3.75rem;
+  --oui-font-size-7xl: 4.5rem;
+  --oui-font-size-8xl: 6rem;
+  --oui-font-size-9xl: 8rem;
+  --oui-line-height-3xs: 1.5555555555555556;
+  --oui-line-height-2xs: 1.4;
+  --oui-line-height-xs: 1.3333333333333333;
+  --oui-line-height-sm: 1.4285714285714286;
+  --oui-line-height-md: 1.5;
+  --oui-line-height-lg: 1.5555555555555556;
+  --oui-line-height-xl: 1.4;
+  --oui-line-height-2xl: 1.3333333333333333;
+  --oui-line-height-3xl: 1.2;
+  --oui-line-height-4xl: 1.1111111111111112;
+  --oui-line-height-5xl: 1;
+  --oui-line-height-6xl: 1;
+  --oui-line-height-7xl: 1;
+  --oui-line-height-8xl: 1;
+  --oui-line-height-9xl: 1;
+  --oui-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, filter, backdrop-filter;
+  --oui-transition-duration: 0.1s;
+  --oui-transition-timing-function: ease-in-out;
+  --oui-animation-fade-duration: 0.15s;
+  --oui-animation-fade-timing-function: linear;
+  --oui-z-index-focused: 5;
+  --oui-z-index-docked: 10;
+  --oui-z-index-dropdown: 1000;
+  --oui-z-index-sticky: 1100;
+  --oui-z-index-banner: 1200;
+  --oui-z-index-overlay: 1300;
+  --oui-z-index-dialog: 1400;
+  --oui-z-index-popover: 1500;
+  --oui-z-index-skipLink: 1600;
+  --oui-z-index-toast: 1700;
+  --oui-z-index-tooltip: 1800;
+}
+
+.oui-root {
+  font-family: var(--oui-font-family-base);
+  font-size: var(--oui-font-size-md);
+  line-height: var(--oui-line-height-md);
+  color: var(--oui-neutral-12);
+}
+.oui-root *,
+.oui-root *::before,
+.oui-root *::after {
+  box-sizing: border-box;
+}
+.oui-root :is(p, ul, ol):not([class]) {
+  margin: 0;
+}
+.oui-root :is(p, ul, ol):not([class]):not(:first-child) {
+  margin-top: 0.5em;
+}
+.oui-root li:not([class]):not(:first-child) {
+  margin-top: 0.25em;
+}
+
+[data-accent=neutral] {
+  --oui-accent-1: var(--oui-neutral-1);
+  --oui-accent-2: var(--oui-neutral-2);
+  --oui-accent-3: var(--oui-neutral-3);
+  --oui-accent-4: var(--oui-neutral-4);
+  --oui-accent-5: var(--oui-neutral-5);
+  --oui-accent-6: var(--oui-neutral-6);
+  --oui-accent-7: var(--oui-neutral-7);
+  --oui-accent-8: var(--oui-neutral-8);
+  --oui-accent-9: var(--oui-neutral-9);
+  --oui-accent-10: var(--oui-neutral-10);
+  --oui-accent-11: var(--oui-neutral-11);
+  --oui-accent-12: var(--oui-neutral-12);
+  --oui-accent-a1: var(--oui-neutral-a1);
+  --oui-accent-a2: var(--oui-neutral-a2);
+  --oui-accent-a3: var(--oui-neutral-a3);
+  --oui-accent-a4: var(--oui-neutral-a4);
+  --oui-accent-a5: var(--oui-neutral-a5);
+  --oui-accent-a6: var(--oui-neutral-a6);
+  --oui-accent-a7: var(--oui-neutral-a7);
+  --oui-accent-a8: var(--oui-neutral-a8);
+  --oui-accent-a9: var(--oui-neutral-a9);
+  --oui-accent-a10: var(--oui-neutral-a10);
+  --oui-accent-a11: var(--oui-neutral-a11);
+  --oui-accent-a12: var(--oui-neutral-a12);
+  --oui-accent-contrast: var(--oui-neutral-contrast);
+  --oui-accent-surface: var(--oui-neutral-surface);
+}
+
+[data-accent=primary] {
+  --oui-accent-1: var(--oui-primary-1);
+  --oui-accent-2: var(--oui-primary-2);
+  --oui-accent-3: var(--oui-primary-3);
+  --oui-accent-4: var(--oui-primary-4);
+  --oui-accent-5: var(--oui-primary-5);
+  --oui-accent-6: var(--oui-primary-6);
+  --oui-accent-7: var(--oui-primary-7);
+  --oui-accent-8: var(--oui-primary-8);
+  --oui-accent-9: var(--oui-primary-9);
+  --oui-accent-10: var(--oui-primary-10);
+  --oui-accent-11: var(--oui-primary-11);
+  --oui-accent-12: var(--oui-primary-12);
+  --oui-accent-a1: var(--oui-primary-a1);
+  --oui-accent-a2: var(--oui-primary-a2);
+  --oui-accent-a3: var(--oui-primary-a3);
+  --oui-accent-a4: var(--oui-primary-a4);
+  --oui-accent-a5: var(--oui-primary-a5);
+  --oui-accent-a6: var(--oui-primary-a6);
+  --oui-accent-a7: var(--oui-primary-a7);
+  --oui-accent-a8: var(--oui-primary-a8);
+  --oui-accent-a9: var(--oui-primary-a9);
+  --oui-accent-a10: var(--oui-primary-a10);
+  --oui-accent-a11: var(--oui-primary-a11);
+  --oui-accent-a12: var(--oui-primary-a12);
+  --oui-accent-contrast: var(--oui-primary-contrast);
+  --oui-accent-surface: var(--oui-primary-surface);
+}
+
+[data-accent=success] {
+  --oui-accent-1: var(--oui-success-1);
+  --oui-accent-2: var(--oui-success-2);
+  --oui-accent-3: var(--oui-success-3);
+  --oui-accent-4: var(--oui-success-4);
+  --oui-accent-5: var(--oui-success-5);
+  --oui-accent-6: var(--oui-success-6);
+  --oui-accent-7: var(--oui-success-7);
+  --oui-accent-8: var(--oui-success-8);
+  --oui-accent-9: var(--oui-success-9);
+  --oui-accent-10: var(--oui-success-10);
+  --oui-accent-11: var(--oui-success-11);
+  --oui-accent-12: var(--oui-success-12);
+  --oui-accent-a1: var(--oui-success-a1);
+  --oui-accent-a2: var(--oui-success-a2);
+  --oui-accent-a3: var(--oui-success-a3);
+  --oui-accent-a4: var(--oui-success-a4);
+  --oui-accent-a5: var(--oui-success-a5);
+  --oui-accent-a6: var(--oui-success-a6);
+  --oui-accent-a7: var(--oui-success-a7);
+  --oui-accent-a8: var(--oui-success-a8);
+  --oui-accent-a9: var(--oui-success-a9);
+  --oui-accent-a10: var(--oui-success-a10);
+  --oui-accent-a11: var(--oui-success-a11);
+  --oui-accent-a12: var(--oui-success-a12);
+  --oui-accent-contrast: var(--oui-success-contrast);
+  --oui-accent-surface: var(--oui-success-surface);
+}
+
+[data-accent=danger] {
+  --oui-accent-1: var(--oui-danger-1);
+  --oui-accent-2: var(--oui-danger-2);
+  --oui-accent-3: var(--oui-danger-3);
+  --oui-accent-4: var(--oui-danger-4);
+  --oui-accent-5: var(--oui-danger-5);
+  --oui-accent-6: var(--oui-danger-6);
+  --oui-accent-7: var(--oui-danger-7);
+  --oui-accent-8: var(--oui-danger-8);
+  --oui-accent-9: var(--oui-danger-9);
+  --oui-accent-10: var(--oui-danger-10);
+  --oui-accent-11: var(--oui-danger-11);
+  --oui-accent-12: var(--oui-danger-12);
+  --oui-accent-a1: var(--oui-danger-a1);
+  --oui-accent-a2: var(--oui-danger-a2);
+  --oui-accent-a3: var(--oui-danger-a3);
+  --oui-accent-a4: var(--oui-danger-a4);
+  --oui-accent-a5: var(--oui-danger-a5);
+  --oui-accent-a6: var(--oui-danger-a6);
+  --oui-accent-a7: var(--oui-danger-a7);
+  --oui-accent-a8: var(--oui-danger-a8);
+  --oui-accent-a9: var(--oui-danger-a9);
+  --oui-accent-a10: var(--oui-danger-a10);
+  --oui-accent-a11: var(--oui-danger-a11);
+  --oui-accent-a12: var(--oui-danger-a12);
+  --oui-accent-contrast: var(--oui-danger-contrast);
+  --oui-accent-surface: var(--oui-danger-surface);
+}
+
+[data-accent=warning] {
+  --oui-accent-1: var(--oui-warning-1);
+  --oui-accent-2: var(--oui-warning-2);
+  --oui-accent-3: var(--oui-warning-3);
+  --oui-accent-4: var(--oui-warning-4);
+  --oui-accent-5: var(--oui-warning-5);
+  --oui-accent-6: var(--oui-warning-6);
+  --oui-accent-7: var(--oui-warning-7);
+  --oui-accent-8: var(--oui-warning-8);
+  --oui-accent-9: var(--oui-warning-9);
+  --oui-accent-10: var(--oui-warning-10);
+  --oui-accent-11: var(--oui-warning-11);
+  --oui-accent-12: var(--oui-warning-12);
+  --oui-accent-a1: var(--oui-warning-a1);
+  --oui-accent-a2: var(--oui-warning-a2);
+  --oui-accent-a3: var(--oui-warning-a3);
+  --oui-accent-a4: var(--oui-warning-a4);
+  --oui-accent-a5: var(--oui-warning-a5);
+  --oui-accent-a6: var(--oui-warning-a6);
+  --oui-accent-a7: var(--oui-warning-a7);
+  --oui-accent-a8: var(--oui-warning-a8);
+  --oui-accent-a9: var(--oui-warning-a9);
+  --oui-accent-a10: var(--oui-warning-a10);
+  --oui-accent-a11: var(--oui-warning-a11);
+  --oui-accent-a12: var(--oui-warning-a12);
+  --oui-accent-contrast: var(--oui-warning-contrast);
+  --oui-accent-surface: var(--oui-warning-surface);
+}
+
+.oui-select {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  cursor: inherit;
+}
+.oui-select[data-multiple][data-variant=default] {
+  height: auto;
+}
+.oui-select[data-multiple][data-variant=default]:not([data-placeholder]) {
+  padding: calc(var(--oui-space) - var(--oui-space) * 0.25) calc(var(--oui-space) * 2.5 - var(--oui-space) * 2.5 * 0.5);
+}
+.oui-select[data-multiple][data-variant=cell]:not([data-placeholder]) {
+  padding: calc(var(--oui-space) * 1.5 - var(--oui-space) * 0.5) calc(var(--oui-space) * 3 - var(--oui-space) * 0.5);
+}
+.oui-select__container:not([data-disabled], [data-readonly]) {
+  cursor: pointer;
+}
+.oui-select__container[data-readonly] {
+  cursor: default;
+}
+.oui-select__value {
+  flex: 1;
+  display: flex;
+  align-items: center;
+}
+.oui-select:is(:not([data-multiple]), [data-placeholder]) .oui-select__value {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: clip;
+}
+.oui-select[data-multiple] .oui-select__value {
+  align-content: center;
+  flex-wrap: wrap;
+  overflow: hidden;
+}
+.oui-select__value-tag-container:not(:last-child) {
+  margin-right: calc(var(--oui-space) * 2.5 * 0.5);
+}
+.oui-select__value-tag {
+  margin-top: calc(var(--oui-space) * 0.25);
+  margin-bottom: calc(var(--oui-space) * 0.25);
+  padding: calc(var(--oui-space) * 0.75) calc(var(--oui-space) * 2.5 * 0.5) !important;
+  font-size: var(--oui-font-size-xs) !important;
+  line-height: var(--oui-line-height-xs) !important;
+}
+.oui-select[data-limit-value-tags-width] .oui-select__value-tag-content {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: var(--oui-select-value-tag-max-width);
+}
+.oui-select__arrow {
+  margin-right: var(--oui-control-padding-x);
+  font-size: var(--oui-font-size-2xs) !important;
+  color: var(--oui-neutral-11);
+}
+.oui-select__arrow[data-status] {
+  color: var(--oui-accent-11);
+}
+.oui-select__arrow[data-disabled] {
+  opacity: 0.5;
+}
+.oui-select__popover {
+  width: min-content;
+  min-width: max(142px, var(--radix-popover-trigger-width) - 2px);
+  max-height: var(--radix-popover-content-available-height);
+  max-width: var(--radix-popover-content-available-width);
+}
+.oui-select__option-indicator {
+  font-size: var(--oui-font-size-sm);
+}
+
+.oui-separator {
+  flex-shrink: 0;
+  background-color: #cdced6;
+}
+.oui-separator[data-orientation=horizontal] {
+  height: 1px;
+  width: 100%;
+}
+.oui-separator[data-orientation=vertical] {
+  width: 1px;
+}
+
+.oui-spinner {
+  display: inline-flex;
+  flex: none;
+  width: 1em;
+  height: 1em;
+  border-radius: 50%;
+  border: clamp(1px, 0.15em, 6px) solid currentColor;
+  border-right-color: transparent;
+  animation: 0.75s linear infinite oui-spinner-rotate;
+}
+@media (prefers-reduced-motion: reduce) {
+  .oui-spinner {
+    animation-duration: 1.5s;
+  }
+}
+.oui-spinner[data-accent] {
+  color: var(--oui-accent-a11);
+}
+.oui-spinner--3xs {
+  font-size: 0.5625rem;
+}
+.oui-spinner--2xs {
+  font-size: 0.625rem;
+}
+.oui-spinner--xs {
+  font-size: 0.75rem;
+}
+.oui-spinner--sm {
+  font-size: 0.875rem;
+}
+.oui-spinner--md {
+  font-size: 1rem;
+}
+.oui-spinner--lg {
+  font-size: 1.125rem;
+}
+.oui-spinner--xl {
+  font-size: 1.25rem;
+}
+.oui-spinner--2xl {
+  font-size: 1.5rem;
+}
+.oui-spinner--3xl {
+  font-size: 1.875rem;
+}
+.oui-spinner--4xl {
+  font-size: 2.25rem;
+}
+.oui-spinner--5xl {
+  font-size: 3rem;
+}
+.oui-spinner--6xl {
+  font-size: 3.75rem;
+}
+.oui-spinner--7xl {
+  font-size: 4.5rem;
+}
+.oui-spinner--8xl {
+  font-size: 6rem;
+}
+.oui-spinner--9xl {
+  font-size: 8rem;
+}
+
+.oui-stack {
+  display: flex;
+  flex-direction: var(--oui-stack-direction);
+  justify-content: var(--oui-stack-justify-content);
+  align-items: var(--oui-stack-align-items);
+  align-content: var(--oui-stack-align-content);
+  flex-wrap: var(--oui-stack-wrap);
+  --oui-stack-direction: column;
+  --oui-stack-gap: calc(var(--oui-space) * 5);
+  --oui-stack-child-margin: var(--oui-stack-gap) 0 0 0;
+}
+.oui-stack[data-has-direction-xs] {
+  --oui-stack-direction: var(--oui-stack-direction-xs);
+}
+.oui-stack[data-has-gap-xs] {
+  --oui-stack-gap: var(--oui-stack-gap-xs);
+}
+.oui-stack[data-has-child-margin-xs] {
+  --oui-stack-child-margin: var(--oui-stack-child-margin-xs);
+}
+.oui-stack[data-has-justify-content-xs] {
+  --oui-stack-justify-content: var(--oui-stack-justify-content-xs);
+}
+.oui-stack[data-has-align-items-xs] {
+  --oui-stack-align-items: var(--oui-stack-align-items-xs);
+}
+.oui-stack[data-has-align-content-xs] {
+  --oui-stack-align-content: var(--oui-stack-align-content-xs);
+}
+.oui-stack[data-has-wrap-xs] {
+  --oui-stack-wrap: var(--oui-stack-wrap-xs);
+}
+@media (min-width: 576px) {
+  .oui-stack[data-has-direction-sm] {
+    --oui-stack-direction: var(--oui-stack-direction-sm);
+  }
+  .oui-stack[data-has-gap-sm] {
+    --oui-stack-gap: var(--oui-stack-gap-sm);
+  }
+  .oui-stack[data-has-child-margin-sm] {
+    --oui-stack-child-margin: var(--oui-stack-child-margin-sm);
+  }
+  .oui-stack[data-has-justify-content-sm] {
+    --oui-stack-justify-content: var(--oui-stack-justify-content-sm);
+  }
+  .oui-stack[data-has-align-items-sm] {
+    --oui-stack-align-items: var(--oui-stack-align-items-sm);
+  }
+  .oui-stack[data-has-align-content-sm] {
+    --oui-stack-align-content: var(--oui-stack-align-content-sm);
+  }
+  .oui-stack[data-has-wrap-sm] {
+    --oui-stack-wrap: var(--oui-stack-wrap-sm);
+  }
+}
+@media (min-width: 768px) {
+  .oui-stack[data-has-direction-md] {
+    --oui-stack-direction: var(--oui-stack-direction-md);
+  }
+  .oui-stack[data-has-gap-md] {
+    --oui-stack-gap: var(--oui-stack-gap-md);
+  }
+  .oui-stack[data-has-child-margin-md] {
+    --oui-stack-child-margin: var(--oui-stack-child-margin-md);
+  }
+  .oui-stack[data-has-justify-content-md] {
+    --oui-stack-justify-content: var(--oui-stack-justify-content-md);
+  }
+  .oui-stack[data-has-align-items-md] {
+    --oui-stack-align-items: var(--oui-stack-align-items-md);
+  }
+  .oui-stack[data-has-align-content-md] {
+    --oui-stack-align-content: var(--oui-stack-align-content-md);
+  }
+  .oui-stack[data-has-wrap-md] {
+    --oui-stack-wrap: var(--oui-stack-wrap-md);
+  }
+}
+@media (min-width: 992px) {
+  .oui-stack[data-has-direction-lg] {
+    --oui-stack-direction: var(--oui-stack-direction-lg);
+  }
+  .oui-stack[data-has-gap-lg] {
+    --oui-stack-gap: var(--oui-stack-gap-lg);
+  }
+  .oui-stack[data-has-child-margin-lg] {
+    --oui-stack-child-margin: var(--oui-stack-child-margin-lg);
+  }
+  .oui-stack[data-has-justify-content-lg] {
+    --oui-stack-justify-content: var(--oui-stack-justify-content-lg);
+  }
+  .oui-stack[data-has-align-items-lg] {
+    --oui-stack-align-items: var(--oui-stack-align-items-lg);
+  }
+  .oui-stack[data-has-align-content-lg] {
+    --oui-stack-align-content: var(--oui-stack-align-content-lg);
+  }
+  .oui-stack[data-has-wrap-lg] {
+    --oui-stack-wrap: var(--oui-stack-wrap-lg);
+  }
+}
+@media (min-width: 1200px) {
+  .oui-stack[data-has-direction-xl] {
+    --oui-stack-direction: var(--oui-stack-direction-xl);
+  }
+  .oui-stack[data-has-gap-xl] {
+    --oui-stack-gap: var(--oui-stack-gap-xl);
+  }
+  .oui-stack[data-has-child-margin-xl] {
+    --oui-stack-child-margin: var(--oui-stack-child-margin-xl);
+  }
+  .oui-stack[data-has-justify-content-xl] {
+    --oui-stack-justify-content: var(--oui-stack-justify-content-xl);
+  }
+  .oui-stack[data-has-align-items-xl] {
+    --oui-stack-align-items: var(--oui-stack-align-items-xl);
+  }
+  .oui-stack[data-has-align-content-xl] {
+    --oui-stack-align-content: var(--oui-stack-align-content-xl);
+  }
+  .oui-stack[data-has-wrap-xl] {
+    --oui-stack-wrap: var(--oui-stack-wrap-xl);
+  }
+}
+@media (min-width: 1400px) {
+  .oui-stack[data-has-direction-xxl] {
+    --oui-stack-direction: var(--oui-stack-direction-xxl);
+  }
+  .oui-stack[data-has-gap-xxl] {
+    --oui-stack-gap: var(--oui-stack-gap-xxl);
+  }
+  .oui-stack[data-has-child-margin-xxl] {
+    --oui-stack-child-margin: var(--oui-stack-child-margin-xxl);
+  }
+  .oui-stack[data-has-justify-content-xxl] {
+    --oui-stack-justify-content: var(--oui-stack-justify-content-xxl);
+  }
+  .oui-stack[data-has-align-items-xxl] {
+    --oui-stack-align-items: var(--oui-stack-align-items-xxl);
+  }
+  .oui-stack[data-has-align-content-xxl] {
+    --oui-stack-align-content: var(--oui-stack-align-content-xxl);
+  }
+  .oui-stack[data-has-wrap-xxl] {
+    --oui-stack-wrap: var(--oui-stack-wrap-xxl);
+  }
+}
+.oui-stack > :not(style) + :not(style):not(.oui-stack) {
+  margin: var(--oui-stack-child-margin);
+}
+.oui-stack > :not(style) + .oui-stack {
+  margin: var(--oui-stack-ancestor-child-margin);
+  --oui-stack-ancestor-gap: calc(var(--oui-space) * 5);
+  --oui-stack-ancestor-child-margin: var(--oui-stack-ancestor-gap) 0 0 0;
+}
+.oui-stack > :not(style) + .oui-stack[data-has-ancestor-gap-xs] {
+  --oui-stack-ancestor-gap: var(--oui-stack-ancestor-gap-xs);
+}
+.oui-stack > :not(style) + .oui-stack[data-has-ancestor-child-margin-xs] {
+  --oui-stack-ancestor-child-margin: var(--oui-stack-ancestor-child-margin-xs);
+}
+@media (min-width: 576px) {
+  .oui-stack > :not(style) + .oui-stack[data-has-ancestor-gap-sm] {
+    --oui-stack-ancestor-gap: var(--oui-stack-ancestor-gap-sm);
+  }
+  .oui-stack > :not(style) + .oui-stack[data-has-ancestor-child-margin-sm] {
+    --oui-stack-ancestor-child-margin: var(--oui-stack-ancestor-child-margin-sm);
+  }
+}
+@media (min-width: 768px) {
+  .oui-stack > :not(style) + .oui-stack[data-has-ancestor-gap-md] {
+    --oui-stack-ancestor-gap: var(--oui-stack-ancestor-gap-md);
+  }
+  .oui-stack > :not(style) + .oui-stack[data-has-ancestor-child-margin-md] {
+    --oui-stack-ancestor-child-margin: var(--oui-stack-ancestor-child-margin-md);
+  }
+}
+@media (min-width: 992px) {
+  .oui-stack > :not(style) + .oui-stack[data-has-ancestor-gap-lg] {
+    --oui-stack-ancestor-gap: var(--oui-stack-ancestor-gap-lg);
+  }
+  .oui-stack > :not(style) + .oui-stack[data-has-ancestor-child-margin-lg] {
+    --oui-stack-ancestor-child-margin: var(--oui-stack-ancestor-child-margin-lg);
+  }
+}
+@media (min-width: 1200px) {
+  .oui-stack > :not(style) + .oui-stack[data-has-ancestor-gap-xl] {
+    --oui-stack-ancestor-gap: var(--oui-stack-ancestor-gap-xl);
+  }
+  .oui-stack > :not(style) + .oui-stack[data-has-ancestor-child-margin-xl] {
+    --oui-stack-ancestor-child-margin: var(--oui-stack-ancestor-child-margin-xl);
+  }
+}
+@media (min-width: 1400px) {
+  .oui-stack > :not(style) + .oui-stack[data-has-ancestor-gap-xxl] {
+    --oui-stack-ancestor-gap: var(--oui-stack-ancestor-gap-xxl);
+  }
+  .oui-stack > :not(style) + .oui-stack[data-has-ancestor-child-margin-xxl] {
+    --oui-stack-ancestor-child-margin: var(--oui-stack-ancestor-child-margin-xxl);
+  }
+}
+
+.oui-stepper__step-list {
+  display: flex;
+  justify-content: center;
+}
+.oui-stepper__step-list:not(:last-child) {
+  margin-bottom: calc(var(--oui-space) * 2);
+}
+.oui-stepper__step-container {
+  position: relative;
+  flex: 1 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: flex-end;
+}
+.oui-stepper__step-container::before {
+  content: "";
+  display: block;
+  position: absolute;
+  bottom: 14px;
+  right: calc(50% + 15px);
+  height: 2px;
+  width: calc(100% - 30px);
+  background-color: var(--oui-neutral-a3);
+}
+@media (prefers-reduced-motion: no-preference) {
+  .oui-stepper__step-container::before {
+    transition-property: var(--oui-transition-property);
+    transition-duration: 0.3s;
+    transition-timing-function: var(--oui-transition-timing-function);
+  }
+}
+.oui-stepper__step-container:first-child::before {
+  display: none;
+}
+.oui-stepper__step-container[data-status]::before {
+  background-color: var(--oui-accent-a3);
+}
+.oui-stepper__step-container[data-visited]::before {
+  background-color: var(--oui-primary-a9);
+}
+.oui-stepper__step-container[data-visited][data-status]::before {
+  background-color: var(--oui-accent-a9);
+}
+.oui-stepper__step {
+  min-width: 30px;
+  min-height: 30px;
+  border-radius: 50%;
+  padding: 0;
+}
+.oui-stepper__step-label {
+  margin-bottom: calc(var(--oui-space) * 2);
+  text-align: center;
+}
+.oui-stepper__step-label:not([data-visited]) {
+  color: var(--oui-neutral-a9);
+}
+@media (prefers-reduced-motion: no-preference) {
+  .oui-stepper__step-content[data-state=active] {
+    animation: oui-fade-in var(--oui-animation-fade-duration) var(--oui-animation-fade-timing-function);
+  }
+}
+
+.oui-table {
+  width: 100%;
+  height: 100%;
+  border-collapse: initial;
+  border-spacing: 0;
+  font-size: var(--oui-font-size-sm);
+  line-height: var(--oui-line-height-sm);
+}
+.oui-table--fixed {
+  table-layout: fixed;
+}
+.oui-table__container {
+  display: flex;
+  position: relative;
+  width: 100%;
+  overflow: auto;
+  border-radius: var(--oui-table-border-radius);
+  border-width: var(--oui-table-border-width, 0);
+  border-style: solid;
+  border-color: var(--oui-table-border-color);
+}
+@media (prefers-reduced-motion: no-preference) {
+  .oui-table__container {
+    transition-property: var(--oui-transition-property);
+    transition-duration: var(--oui-transition-duration);
+    transition-timing-function: var(--oui-transition-timing-function);
+  }
+}
+.oui-table__container:focus-visible {
+  outline: 0;
+  border-radius: var(--oui-table-focus-border-radius, var(--oui-table-border-radius));
+  border-color: var(--oui-table-focus-border-color);
+  box-shadow: var(--oui-table-focus-box-shadow);
+}
+.oui-table__container--default {
+  --oui-table-border-width: 0 0 1px;
+  --oui-table-border-color: var(--oui-neutral-5);
+  --oui-table-focus-border-radius: var(--oui-border-radius-sm);
+  --oui-table-focus-border-color: transparent;
+  --oui-table-focus-box-shadow: 0 0 0 2px var(--oui-primary-8);
+}
+.oui-table__container--default[data-status] {
+  --oui-table-focus-border-color: transparent;
+  --oui-table-focus-box-shadow: 0 0 0 2px var(--oui-accent-8);
+}
+.oui-table__container--control {
+  --oui-table-border-radius: var(--oui-border-radius-sm);
+  --oui-table-border-width: 1px;
+  --oui-table-border-color: var(--oui-neutral-7);
+  --oui-table-focus-border-color: var(--oui-primary-8);
+  --oui-table-focus-box-shadow: 0 0 0 1px var(--oui-primary-8);
+}
+.oui-table__container--control[data-status] {
+  --oui-table-border-color: var(--oui-accent-7);
+  --oui-table-focus-border-color: var(--oui-accent-8);
+  --oui-table-focus-box-shadow: 0 0 0 1px var(--oui-accent-8);
+}
+.oui-table--default {
+  --oui-table-head-border-width: 1px;
+  --oui-table-head-border-color: var(--oui-neutral-6);
+  --oui-table-foot-border-width: 1px;
+  --oui-table-foot-border-color: var(--oui-neutral-6);
+}
+.oui-table--default[data-status] {
+  --oui-table-head-border-color: var(--oui-accent-6);
+  --oui-table-foot-border-color: var(--oui-accent-6);
+}
+.oui-table--default > .oui-table__head .oui-table__cell[data-variant=header] {
+  --oui-table-cell-border-color: var(--oui-neutral-5);
+  --oui-table-cell-font-weight: 700;
+}
+.oui-table--default > .oui-table__head .oui-table__cell[data-variant=header][data-status] {
+  --oui-table-cell-border-color: var(--oui-accent-5);
+  --oui-table-cell-color: var(--oui-accent-12);
+}
+.oui-table--default > .oui-table__foot .oui-table__cell[data-variant=header] {
+  --oui-table-cell-border-color: var(--oui-neutral-5);
+  --oui-table-cell-font-weight: 700;
+}
+.oui-table--default > .oui-table__foot .oui-table__cell[data-variant=header][data-status] {
+  --oui-table-cell-border-color: var(--oui-accent-5);
+  --oui-table-cell-color: var(--oui-accent-12);
+}
+.oui-table--control {
+  --oui-table-head-border-width: 1px;
+  --oui-table-head-border-color: var(--oui-neutral-6);
+  --oui-table-foot-border-width: 1px;
+  --oui-table-foot-border-color: var(--oui-neutral-6);
+}
+.oui-table--control[data-status] {
+  --oui-table-head-border-color: var(--oui-accent-6);
+  --oui-table-foot-border-color: var(--oui-accent-6);
+}
+.oui-table--control .oui-table__cell[data-variant=header][data-framed] {
+  --oui-table-cell-background-color: var(--oui-neutral-2);
+}
+.oui-table--control .oui-table__cell[data-variant=header][data-framed][data-status] {
+  --oui-table-cell-border-color: var(--oui-accent-5);
+  --oui-table-cell-background-color: var(--oui-accent-2);
+  --oui-table-cell-color: var(--oui-accent-12);
+}
+.oui-table--control > .oui-table__head .oui-table__cell[data-variant=header] {
+  --oui-table-cell-border-color: var(--oui-neutral-5);
+  --oui-table-cell-background-color: var(--oui-neutral-3);
+  --oui-table-cell-font-weight: 700;
+}
+.oui-table--control > .oui-table__head .oui-table__cell[data-variant=header][data-status] {
+  --oui-table-cell-border-color: var(--oui-accent-5);
+  --oui-table-cell-background-color: var(--oui-accent-3);
+  --oui-table-cell-color: var(--oui-accent-12);
+}
+.oui-table--control > .oui-table__foot .oui-table__cell[data-variant=header] {
+  --oui-table-cell-border-color: var(--oui-neutral-5);
+  --oui-table-cell-font-weight: 700;
+}
+.oui-table--control > .oui-table__foot .oui-table__cell[data-variant=header][data-status] {
+  --oui-table-cell-border-color: var(--oui-accent-5);
+  --oui-table-cell-color: var(--oui-accent-12);
+}
+.oui-table__row {
+  vertical-align: middle;
+  outline: 0;
+}
+.oui-table > .oui-table__row:first-child > .oui-table__cell:first-child, .oui-table > :first-child > .oui-table__row:first-child > .oui-table__cell:first-child {
+  border-top-left-radius: var(--oui-table-border-radius);
+}
+.oui-table > .oui-table__row:first-child > .oui-table__cell:last-child, .oui-table > :first-child > .oui-table__row:first-child > .oui-table__cell:last-child {
+  border-top-right-radius: var(--oui-table-border-radius);
+}
+.oui-table > .oui-table__row:last-child > .oui-table__cell:first-child, .oui-table > :last-child > .oui-table__row:last-child > .oui-table__cell:first-child {
+  border-bottom-left-radius: var(--oui-table-border-radius);
+}
+.oui-table > .oui-table__row:last-child > .oui-table__cell:last-child, .oui-table > :last-child > .oui-table__row:last-child > .oui-table__cell:last-child {
+  border-bottom-right-radius: var(--oui-table-border-radius);
+}
+.oui-table > .oui-table__head > .oui-table__row > .oui-table__cell, .oui-table__row:not(:last-child) > .oui-table__cell {
+  border-bottom-width: 1px;
+}
+.oui-table > .oui-table__head > .oui-table__row > .oui-table__cell {
+  border-bottom: var(--oui-table-head-border-width) solid var(--oui-table-head-border-color, var(--oui-table-cell-border-color));
+}
+.oui-table > .oui-table__foot > .oui-table__row:first-child > .oui-table__cell {
+  border-top: var(--oui-table-foot-border-width) solid var(--oui-table-foot-border-color, var(--oui-table-cell-border-color));
+}
+.oui-table__cell {
+  height: 100%;
+  --oui-table-cell-padding-y: calc(var(--oui-space) * 2.5);
+  --oui-table-cell-padding-x: calc(var(--oui-space) * 3);
+  padding: var(--oui-table-cell-padding-y) var(--oui-table-cell-padding-x);
+  text-align: var(--oui-table-cell-align, left);
+  font-weight: var(--oui-table-cell-font-weight);
+  text-transform: var(--oui-table-cell-text-transform);
+  --oui-table-cell-border-color: var(--oui-neutral-5);
+  border: 0 var(--oui-table-cell-border-style, solid) var(--oui-table-cell-border-color);
+  background-color: var(--oui-table-cell-background-color, var(--oui-background-color));
+  color: var(--oui-table-cell-color);
+}
+@media (prefers-reduced-motion: no-preference) {
+  .oui-table__cell {
+    transition-property: color, background-color;
+    transition-duration: var(--oui-transition-duration);
+    transition-timing-function: var(--oui-transition-timing-function);
+  }
+}
+.oui-table__cell[data-variant=data][data-framed]:empty {
+  background-image: repeating-linear-gradient(-45deg, var(--oui-neutral-a3) 0, var(--oui-neutral-a3) 1px, var(--oui-neutral-a2) 0, var(--oui-neutral-a2) 50%) !important;
+  background-size: 10px 10px !important;
+}
+.oui-table__head .oui-table__cell[data-framed]:not([data-left-most-column]):not(:first-child), .oui-table > .oui-table__row > .oui-table__cell[data-framed]:not(:first-child), .oui-table > .oui-table__body > .oui-table__row > .oui-table__cell[data-framed]:not(:first-child) {
+  border-left-width: 1px;
+}
+.oui-table__head .oui-table__cell[data-framed]:not([data-right-most-column]), .oui-table > .oui-table__row > .oui-table__cell[data-framed]:not(:last-child), .oui-table > .oui-table__body > .oui-table__row > .oui-table__cell[data-framed]:not(:last-child), .oui-table > .oui-table__foot > .oui-table__row > .oui-table__cell[data-framed]:not(:last-child) {
+  border-right-width: 1px;
+}
+.oui-table__cell[data-framed] + .oui-table__cell[data-framed] {
+  border-left-width: 0 !important;
+}
+.oui-table__cell[data-paddingless] {
+  padding: 0;
+}
+.oui-table__cell[data-sticky] {
+  position: sticky;
+  z-index: var(--oui-z-index-docked);
+}
+.oui-table__cell[data-sticky][data-stuck]::before {
+  content: "";
+  pointer-events: none;
+  position: absolute;
+  top: 0;
+  width: 8px;
+  height: calc(100% + 1px);
+}
+.oui-table__cell[data-sticky=left] {
+  border-right: 0;
+  left: 0;
+  box-shadow: inset -1px 0 0 0 var(--oui-table-cell-border-color);
+}
+.oui-table__cell[data-sticky=left][data-stuck]::before {
+  right: -8px;
+  background-image: linear-gradient(90deg, var(--oui-neutral-a3), transparent);
+}
+.oui-table__cell[data-sticky=right] {
+  border-left-width: 0;
+  right: 0;
+  box-shadow: -1px 0 0 0 var(--oui-table-cell-border-color);
+}
+.oui-table__cell[data-sticky=right][data-stuck]::before {
+  left: -8px;
+  background-image: linear-gradient(270deg, var(--oui-neutral-a3), transparent);
+}
+.oui-table__head .oui-table__cell {
+  vertical-align: bottom;
+}
+.oui-table__head[data-sticky], .oui-table__foot[data-sticky] {
+  position: sticky;
+  z-index: calc(var(--oui-z-index-docked) + 1);
+}
+.oui-table__head[data-stuck]::before, .oui-table__foot[data-stuck]::before {
+  content: "";
+  pointer-events: none;
+  position: absolute;
+  width: 100%;
+  height: 8px;
+}
+.oui-table__head[data-sticky] {
+  top: 0;
+}
+.oui-table__head[data-stuck]::before {
+  bottom: -8px;
+  background-image: linear-gradient(180deg, var(--oui-neutral-a3), transparent);
+}
+.oui-table__foot[data-sticky] {
+  bottom: 0;
+}
+.oui-table__foot[data-stuck]::before {
+  top: -8px;
+  background-image: linear-gradient(0, var(--oui-neutral-a3), transparent);
+}
+.oui-table__column-label, .oui-table__column-sort-button {
+  display: inline-flex;
+  align-items: center;
+  vertical-align: middle;
+}
+.oui-table__column-sort-button {
+  padding: var(--oui-space) calc(var(--oui-space) * 2);
+  margin: calc(var(--oui-space) * -1) calc(var(--oui-space) * 2 * -1);
+  font-family: inherit;
+  font-weight: inherit;
+  font-size: inherit;
+  text-transform: inherit;
+  text-align: inherit;
+  color: inherit !important;
+}
+.oui-table__column-sort-button[data-align=right] {
+  padding: var(--oui-space) calc(var(--oui-space) * 2);
+  margin: calc(var(--oui-space) * -1) calc(var(--oui-space) * 2 * -1);
+}
+.oui-table__column-sort-button[data-align=right] .oui-table__column-icon-container {
+  order: -1;
+  margin: 0 calc(var(--oui-space) * -1 + var(--oui-space) * 2) 0 calc(var(--oui-space) * -1);
+}
+.oui-table__column-icon-container {
+  display: block;
+  flex-shrink: 0;
+  height: 14px;
+  width: 18px;
+  margin: 0 calc(var(--oui-space) * -1) 0 calc(var(--oui-space) * -1 + var(--oui-space) * 2);
+}
+.oui-table__column-icon[data-state=inactive], .oui-table__column-icon[data-state=next-active] {
+  opacity: 0.25;
+}
+@media (prefers-reduced-motion: no-preference) {
+  .oui-table__column-icon {
+    transition-property: var(--oui-transition-property);
+    transition-duration: var(--oui-transition-duration);
+    transition-timing-function: var(--oui-transition-timing-function);
+  }
+}
+.oui-table__column-helper-button {
+  display: inline-flex;
+  min-width: auto;
+  min-height: auto;
+  vertical-align: middle;
+  margin-top: calc(var(--oui-space) * -1) !important;
+  margin-bottom: calc(var(--oui-space) * -1) !important;
+  padding: var(--oui-space);
+  font-size: var(--oui-font-size-xs);
+}
+.oui-table__column-helper-popover {
+  max-width: min(500px, var(--radix-popover-content-available-width));
+  max-height: min(600px, var(--radix-popover-content-available-height));
+  padding: var(--oui-space) calc(var(--oui-space) * 2);
+}
+
+.oui-tabs {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+}
+.oui-tabs--default {
+  --oui-tabs-tab-list-box-shadow: inset 0 -1px 0 0 var(--oui-neutral-5);
+}
+.oui-tabs--annexes {
+  --oui-tabs-tab-list-gap-x: calc(var(--oui-space) * 0.5);
+  --oui-tabs-tab-list-margin-bottom: 2px;
+  --oui-tabs-tab-list-box-shadow: 0 2px 0 0 var(--oui-primary-9);
+}
+.oui-tabs__tab-list-root {
+  display: flex;
+  margin-bottom: var(--oui-tabs-tab-list-margin-bottom);
+  box-shadow: var(--oui-tabs-tab-list-box-shadow);
+}
+.oui-tabs__tab-list-container {
+  position: relative;
+  display: inline-block;
+  flex: 1 1 auto;
+  white-space: nowrap;
+  overflow: auto hidden;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+  -webkit-overflow-scrolling: touch;
+}
+.oui-tabs__tab-list-container::-webkit-scrollbar {
+  display: none;
+}
+.oui-tabs__tab-list {
+  display: flex;
+  flex-wrap: nowrap;
+}
+.oui-tabs__tab {
+  all: unset;
+  box-sizing: border-box;
+  flex-shrink: 0;
+  padding: var(--oui-tabs-tab-padding-y) var(--oui-tabs-tab-padding-x);
+  font-family: inherit;
+  font-size: var(--oui-font-size-sm);
+  line-height: var(--oui-line-height-sm);
+  font-weight: var(--oui-tabs-tab-font-weight);
+  box-shadow: var(--oui-tabs-tab-box-shadow);
+  -webkit-appearance: button;
+  -webkit-user-select: none;
+  user-select: none;
+}
+.oui-tabs__tab:not(:disabled):not([data-disabled]) {
+  cursor: pointer;
+}
+.oui-tabs__tab:is(:disabled, [data-disabled]) {
+  cursor: not-allowed;
+}
+.oui-tabs__tab:disabled, .oui-tabs__tab[data-disabled] {
+  opacity: 0.5;
+}
+.oui-tabs__tab:focus {
+  z-index: var(--oui-z-index-focused);
+}
+.oui-tabs__tab:not(:last-child) {
+  margin-right: var(--oui-tabs-tab-list-gap-x);
+}
+.oui-tabs__tab:focus-visible .oui-tabs__tab-inner {
+  outline: var(--oui-tabs-tab-inner-focus-outline-width) solid var(--oui-tabs-tab-inner-focus-outline-color);
+  outline-offset: var(--oui-tabs-tab-inner-focus-outline-offset);
+}
+.oui-tabs__tab[data-state=active], .oui-tabs__tab-inner--hidden {
+  font-size: var(--oui-tabs-tab-open-font-size, var(--oui-font-size-sm));
+  line-height: var(--oui-tabs-tab-open-line-height, var(--oui-line-height-sm));
+  font-weight: var(--oui-tabs-tab-open-font-weight, var(--oui-tabs-tab-font-weight));
+}
+.oui-tabs__tab--default {
+  --oui-tabs-tab-padding-y: calc(var(--oui-space) * 1.5);
+  --oui-tabs-tab-padding-x: calc(var(--oui-space) * 2);
+  --oui-tabs-tab-inner-padding-y: var(--oui-space);
+  --oui-tabs-tab-inner-padding-x: calc(var(--oui-space) * 2);
+  --oui-tabs-tab-inner-border-radius: var(--oui-border-radius-sm);
+  --oui-tabs-tab-inner-color: var(--oui-neutral-a11);
+  --oui-tabs-tab-inner-focus-outline-width: 2px;
+  --oui-tabs-tab-inner-focus-outline-color: var(--oui-neutral-8);
+  --oui-tabs-tab-inner-focus-outline-offset: -2px;
+}
+.oui-tabs__tab--default[data-status] {
+  --oui-tabs-tab-inner-color: var(--oui-accent-a11);
+  --oui-tabs-tab-inner-focus-outline-color: var(--oui-accent-8);
+}
+.oui-tabs__tab--default:hover:not(:disabled):not(:active):not([data-state=active]) {
+  --oui-tabs-tab-inner-background-color: var(--oui-neutral-a3);
+}
+.oui-tabs__tab--default:hover:not(:disabled):not(:active):not([data-state=active])[data-status] {
+  --oui-tabs-tab-inner-background-color: var(--oui-accent-a3);
+}
+.oui-tabs__tab--default {
+  --oui-tabs-tab-open-font-weight: 500;
+}
+.oui-tabs__tab--default[data-state=active] {
+  --oui-tabs-tab-box-shadow: inset 0 -2px 0 0 var(--oui-primary-9);
+  --oui-tabs-tab-inner-color: var(--oui-neutral-a12);
+}
+.oui-tabs__tab--default[data-state=active][data-status] {
+  --oui-tabs-tab-box-shadow: inset 0 -2px 0 0 var(--oui-accent-9);
+  --oui-tabs-tab-inner-color: var(--oui-accent-a12);
+}
+.oui-tabs__tab--default[data-state=active]:hover:not(:disabled):not(:active) {
+  --oui-tabs-tab-inner-background-color: var(--oui-neutral-a3);
+}
+.oui-tabs__tab--default[data-state=active]:hover:not(:disabled):not(:active)[data-status] {
+  --oui-tabs-tab-inner-background-color: var(--oui-accent-a3);
+}
+.oui-tabs__tab--default:active:not(:disabled) {
+  --oui-tabs-tab-inner-background-color: var(--oui-neutral-a4);
+}
+.oui-tabs__tab--default:active:not(:disabled)[data-status] {
+  --oui-tabs-tab-inner-background-color: var(--oui-accent-a4);
+}
+.oui-tabs__tab--annexes {
+  --oui-tabs-tab-font-weight: 500;
+  --oui-tabs-tab-inner-min-width: 60px;
+  --oui-tabs-tab-inner-min-height: 34px;
+  --oui-tabs-tab-inner-padding-y: var(--oui-space);
+  --oui-tabs-tab-inner-padding-x: calc(var(--oui-space) * 2);
+  --oui-tabs-tab-inner-border-radius: var(--oui-border-radius-sm) var(--oui-border-radius-sm) 0 0;
+  --oui-tabs-tab-inner-background-color: var(--oui-neutral-a3);
+  --oui-tabs-tab-inner-color: var(--oui-neutral-a11);
+  --oui-tabs-tab-inner-focus-outline-width: 2px;
+  --oui-tabs-tab-inner-focus-outline-color: var(--oui-primary-8);
+  --oui-tabs-tab-inner-focus-outline-offset: -2px;
+}
+.oui-tabs__tab--annexes[data-status] {
+  --oui-tabs-tab-inner-box-shadow: inset 0 3px 0 0 var(--oui-accent-9);
+}
+.oui-tabs__tab--annexes:hover:not(:disabled):not(:active):not([data-state=active]) {
+  --oui-tabs-tab-inner-background-color: var(--oui-neutral-a4);
+}
+.oui-tabs__tab--annexes[data-state=active] {
+  --oui-tabs-tab-inner-background-color: var(--oui-primary-9);
+  --oui-tabs-tab-inner-color: var(--oui-primary-contrast);
+}
+.oui-tabs__tab--annexes:active:not(:disabled) {
+  --oui-tabs-tab-inner-background-color: var(--oui-primary-10);
+}
+.oui-tabs__tab-inner {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 220px;
+  min-width: var(--oui-tabs-tab-inner-min-width);
+  min-height: var(--oui-tabs-tab-inner-min-height);
+  padding: var(--oui-tabs-tab-inner-padding-y) var(--oui-tabs-tab-inner-padding-x);
+  border-radius: var(--oui-tabs-tab-inner-border-radius);
+  background-color: var(--oui-tabs-tab-inner-background-color);
+  color: var(--oui-tabs-tab-inner-color);
+  box-shadow: var(--oui-tabs-tab-inner-box-shadow);
+}
+.oui-tabs__tab-inner:not(.oui-tabs__tab-inner--hidden) {
+  position: absolute;
+}
+.oui-tabs__tab-inner--hidden {
+  visibility: hidden;
+}
+.oui-tabs__tab, .oui-tabs__tab-inner {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transform: translate3d(0, 0, 0);
+}
+@media (prefers-reduced-motion: no-preference) {
+  .oui-tabs__tab, .oui-tabs__tab-inner {
+    transition-property: var(--oui-transition-property);
+    transition-duration: var(--oui-transition-duration);
+    transition-timing-function: var(--oui-transition-timing-function);
+  }
+}
+.oui-tabs__scroll-button {
+  position: relative;
+  min-width: auto;
+  min-height: auto;
+  padding: 0 calc(var(--oui-space) * 2);
+  font-size: var(--oui-font-size-sm) !important;
+  color: !important;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.oui-tabs__scroll-button--left {
+  border-top-right-radius: 0;
+}
+.oui-tabs__scroll-button--right {
+  border-top-left-radius: 0;
+}
+.oui-tabs__scroll-button::after {
+  content: "";
+  display: block;
+  position: absolute;
+  width: 4px;
+  height: calc(100% + 4px);
+  top: -2px;
+  z-index: calc(var(--oui-z-index-focused) + 1);
+}
+.oui-tabs__scroll-button--left:not(:disabled)::after {
+  right: -4px;
+  background-image: radial-gradient(farthest-side at 0 50%, var(--oui-neutral-a8), transparent);
+}
+.oui-tabs__scroll-button--right:not(:disabled)::after {
+  left: -4px;
+  background-image: radial-gradient(farthest-side at 100% 50%, var(--oui-neutral-a8), transparent);
+}
+.oui-tabs__tab-content:focus-visible {
+  outline: 2px solid var(--oui-primary-8);
+}
+
+.oui-tag {
+  display: flex;
+  align-items: center;
+  padding: min(0.375em, var(--oui-space) * 2) min(0.75em, var(--oui-space) * 4);
+  border-radius: var(--oui-border-radius-sm);
+  font-size: 0.75em;
+  line-height: 1.25;
+  font-weight: 500;
+  background-color: var(--oui-tag-background-color);
+  color: var(--oui-tag-color);
+  box-shadow: var(--oui-tag-box-shadow);
+}
+@media (prefers-reduced-motion: no-preference) {
+  .oui-tag {
+    transition-property: var(--oui-transition-property);
+    transition-duration: var(--oui-transition-duration);
+    transition-timing-function: var(--oui-transition-timing-function);
+  }
+}
+.oui-tag__container:not([hidden]) {
+  display: inline-flex;
+}
+.oui-tag:empty {
+  display: none;
+}
+.oui-tag--pill {
+  border-radius: 50rem;
+}
+.oui-tag--solid {
+  --oui-tag-background-color: var(--oui-accent-9);
+  --oui-tag-color: var(--oui-accent-contrast);
+}
+.oui-tag--subtle {
+  --oui-tag-background-color: var(--oui-accent-a3);
+  --oui-tag-color: var(--oui-accent-a12);
+}
+.oui-tag--outlined {
+  --oui-tag-color: var(--oui-accent-a11);
+  --oui-tag-box-shadow: inset 0 0 0 2px var(--oui-accent-a11);
+}
+.oui-tag__icon--start {
+  margin-right: calc(min(0.75em, var(--oui-space) * 4) / 2);
+}
+.oui-tag__icon--end {
+  margin-left: calc(min(0.75em, var(--oui-space) * 4) / 2);
+}
+.oui-tag__close-button {
+  min-width: 1.5em !important;
+  min-height: 1.5em !important;
+  margin: calc(min(0.375em, var(--oui-space) * 2) * -2) calc(min(0.75em, var(--oui-space) * 4) * -0.5) calc(min(0.375em, var(--oui-space) * 2) * -2) calc(min(0.75em, var(--oui-space) * 4) * 0.5);
+  font-size: min(1em, var(--oui-font-size-md));
+}
+
+.oui-toast__root {
+  border-radius: var(--oui-border-radius-sm);
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.075);
+}
+.oui-toast__root:focus-visible {
+  outline: 0;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.075), 0 0 0 2px #1c2024;
+}
+@keyframes oui-toast-open {
+  from {
+    transform: translateX(calc(100% + var(--oui-toast-viewport-padding)));
+  }
+  60% {
+    transform: translateX(calc(100% + var(--oui-toast-viewport-padding)));
+  }
+  to {
+    transform: translateX(0);
+  }
+}
+@media (prefers-reduced-motion: no-preference) {
+  .oui-toast__root[data-state=open] {
+    animation: oui-toast-open 0.25s ease-out;
+  }
+}
+@keyframes oui-toast-close {
+  from {
+    opacity: 1;
+  }
+  60% {
+    opacity: 0;
+  }
+  to {
+    opacity: 0;
+  }
+}
+@media (prefers-reduced-motion: no-preference) {
+  .oui-toast__root[data-state=closed] {
+    animation: 0.25s linear oui-toast-close;
+  }
+}
+.oui-toast__root[data-swipe=move] {
+  transform: translateX(var(--radix-toast-swipe-move-x));
+}
+.oui-toast__root[data-swipe=cancel] {
+  transform: translateX(0);
+  transition: transform 0.15s ease-out;
+}
+.oui-toast__root[data-swipe=end] {
+  animation: oui-toast-swipe-close 0.25s ease-out;
+}
+@keyframes oui-toast-swipe-close {
+  from {
+    transform: translateX(var(--radix-toast-swipe-end-x));
+  }
+  60% {
+    transform: translateX(calc(100% + var(--oui-toast-viewport-padding)));
+  }
+  to {
+    transform: translateX(calc(100% + var(--oui-toast-viewport-padding)));
+  }
+}
+.oui-toast__root + .oui-toast__root {
+  margin-top: var(--oui-space);
+}
+.oui-toast__container {
+  overflow: hidden;
+}
+@keyframes oui-toast-collapsible-open {
+  from {
+    height: 0;
+  }
+  40% {
+    height: var(--radix-collapsible-content-height);
+  }
+  to {
+    height: var(--radix-collapsible-content-height);
+  }
+}
+@media (prefers-reduced-motion: no-preference) {
+  .oui-toast__container[data-state=open] {
+    animation: oui-toast-collapsible-open 0.25s ease;
+  }
+}
+@keyframes oui-toast-collapsible-close {
+  from {
+    height: var(--radix-collapsible-content-height);
+  }
+  60% {
+    height: var(--radix-collapsible-content-height);
+  }
+  to {
+    height: 0;
+  }
+}
+@media (prefers-reduced-motion: no-preference) {
+  .oui-toast__container[data-state=closed] {
+    animation: oui-toast-collapsible-close 0.25s ease;
+  }
+}
+.oui-toast__viewport {
+  position: fixed;
+  bottom: 0;
+  right: 0;
+  display: flex;
+  flex-direction: column;
+  width: 420px;
+  max-width: 100vw;
+  margin: 0;
+  --oui-toast-viewport-padding: calc(var(--oui-space) * 2);
+  padding: var(--oui-toast-viewport-padding);
+  outline: none;
+  list-style: none;
+  z-index: 1700;
+}
+.oui-tooltip {
+  max-width: min(200px, var(--radix-tooltip-content-available-width));
+  max-height: min(600px, var(--radix-tooltip-content-available-height));
+  padding: var(--oui-space) calc(var(--oui-space) * 2);
+  border-radius: var(--oui-border-radius-sm);
+  font-size: var(--oui-font-size-xs);
+  line-height: var(--oui-line-height-xs);
+  background-color: var(--oui-neutral-12);
+  color: var(--oui-neutral-1);
+  box-shadow: var(--oui-box-shadow-sm);
+  z-index: var(--oui-z-index-tooltip);
+}
+@media (prefers-reduced-motion: no-preference) {
+  .oui-tooltip[data-state=delayed-open] {
+    animation: oui-fade-in var(--oui-animation-fade-duration) var(--oui-animation-fade-timing-function);
+  }
+}
+@media (prefers-reduced-motion: no-preference) {
+  .oui-tooltip[data-state=closed] {
+    animation: oui-fade-out var(--oui-animation-fade-duration) var(--oui-animation-fade-timing-function);
+  }
+}
+.oui-tooltip__arrow {
+  fill: var(--oui-neutral-12);
+}
+
+/*# sourceMappingURL=ostack-ui.css.map */