@ostack.tech/ui-kform 0.1.1 → 0.2.0

package/dist/ostack-ui-kform.css

@@ -1,5 +1,5 @@
 @charset "UTF-8";
-@keyframes oui-fade-in {
+@keyframes o-ui-fade-in {
   from {
     opacity: 0;
   }
@@ -7,7 +7,7 @@
     opacity: 1;
   }
 }
-@keyframes oui-fade-out {
+@keyframes o-ui-fade-out {
   from {
     opacity: 1;
   }
@@ -15,27 +15,27 @@
     opacity: 0;
   }
 }
-@keyframes oui-transform-in {
+@keyframes o-ui-transform-in {
   from {
     opacity: 0;
-    transform: var(--oui-animation-transform);
+    transform: var(--o-ui-animation-transform);
   }
   to {
     opacity: 1;
     transform: none;
   }
 }
-@keyframes oui-transform-out {
+@keyframes o-ui-transform-out {
   from {
     opacity: 1;
     transform: none;
   }
   to {
     opacity: 0;
-    transform: var(--oui-animation-transform);
+    transform: var(--o-ui-animation-transform);
   }
 }
-@keyframes oui-expand-vertical {
+@keyframes o-ui-expand-vertical {
   from {
     opacity: 0;
     height: 0;
@@ -45,13 +45,13 @@
   }
   to {
     opacity: 1;
-    height: var(--oui-animation-height);
+    height: var(--o-ui-animation-height);
   }
 }
-@keyframes oui-collapse-vertical {
+@keyframes o-ui-collapse-vertical {
   from {
     opacity: 1;
-    height: var(--oui-animation-height);
+    height: var(--o-ui-animation-height);
   }
   75% {
     opacity: 0;
@@ -61,7 +61,7 @@
     height: 0;
   }
 }
-@keyframes oui-expand-horizontal {
+@keyframes o-ui-expand-horizontal {
   from {
     opacity: 0;
     width: 0;
@@ -71,13 +71,13 @@
   }
   to {
     opacity: 1;
-    width: var(--oui-animation-width);
+    width: var(--o-ui-animation-width);
   }
 }
-@keyframes oui-collapse-horizontal {
+@keyframes o-ui-collapse-horizontal {
   from {
     opacity: 1;
-    width: var(--oui-animation-width);
+    width: var(--o-ui-animation-width);
   }
   75% {
     opacity: 0;
@@ -87,210 +87,210 @@
     width: 0;
   }
 }
-@keyframes oui-spinner-rotate {
+@keyframes o-ui-spinner-rotate {
   to {
     transform: rotate(360deg);
   }
 }
-.oui-kform-annexes {
+.o-ui-kform-annexes {
   display: flex;
   flex-direction: column;
 }
-.oui-kform-annexes__manager {
+.o-ui-kform-annexes__manager {
   min-width: 200px;
   display: flex;
   align-items: flex-end;
   flex: 1 1 auto;
 }
-.oui-kform-annexes__manager:not(:last-child) {
-  margin-right: calc(var(--oui-space) * 2);
+.o-ui-kform-annexes__manager:not(:last-child) {
+  margin-right: calc(var(--o-ui-space) * 2);
 }
 @media (min-width: 576px) {
-  .oui-kform-annexes__manager:not(:last-child) {
-    margin-right: calc(var(--oui-space) * 4);
+  .o-ui-kform-annexes__manager:not(:last-child) {
+    margin-right: calc(var(--o-ui-space) * 4);
   }
 }
-.oui-kform-annexes__menu-container {
+.o-ui-kform-annexes__menu-container {
   margin-bottom: 2px;
-  padding-right: calc(var(--oui-space) * 2);
-  box-shadow: 0 2px 0 0 var(--oui-primary-9);
+  padding-right: calc(var(--o-ui-space) * 2);
+  box-shadow: 0 2px 0 0 var(--o-ui-primary-9);
 }
 @media (min-width: 576px) {
-  .oui-kform-annexes__menu-container {
-    padding-right: calc(var(--oui-space) * 4);
+  .o-ui-kform-annexes__menu-container {
+    padding-right: calc(var(--o-ui-space) * 4);
   }
 }
-.oui-kform-annexes__issues-popover-container {
-  margin-left: calc(var(--oui-space) * -4);
-  margin-right: calc(var(--oui-space) * 7);
-  padding-top: calc(var(--oui-space) * 0.5);
+.o-ui-kform-annexes__issues-popover-container {
+  margin-left: calc(var(--o-ui-space) * -4);
+  margin-right: calc(var(--o-ui-space) * 7);
+  padding-top: calc(var(--o-ui-space) * 0.5);
   height: 44px;
 }
-.oui-kform-annexes__tab-list-container {
+.o-ui-kform-annexes__tab-list-container {
   flex: 1;
   overflow: hidden;
 }
-.oui-kform-annexes__menu-trigger {
+.o-ui-kform-annexes__menu-trigger {
   height: 44px;
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
-  color: var(--oui-primary-9) !important;
+  color: var(--o-ui-primary-9) !important;
 }
-.oui-kform-annexes__menu-trigger[data-state=open] {
+.o-ui-kform-annexes__menu-trigger[data-state=open] {
   border-color: #cdced6;
   border-bottom-color: transparent;
-  background-color: var(--oui-background-color) !important;
+  background-color: var(--o-ui-background-color) !important;
   position: relative;
   z-index: 1001;
 }
-.oui-kform-annexes__menu {
+.o-ui-kform-annexes__menu {
   width: 270px;
 }
-.oui-kform-annexes__menu[data-align=start][data-side=bottom] {
+.o-ui-kform-annexes__menu[data-align=start][data-side=bottom] {
   border-top-left-radius: 0;
 }
-.oui-kform-annexes__menu[data-align=start][data-side=top] {
+.o-ui-kform-annexes__menu[data-align=start][data-side=top] {
   border-bottom-left-radius: 0;
 }
 @media (max-width: 575.98px) {
-  .oui-kform-annexes__menu {
+  .o-ui-kform-annexes__menu {
     min-width: 100vw;
     margin-left: -5px;
     border-radius: 0;
     border-right-width: 0;
   }
 }
-.oui-kform-annexes__menu-annex[data-status] {
+.o-ui-kform-annexes__menu-annex[data-status] {
   position: relative;
 }
-.oui-kform-annexes__menu-annex[data-status]::after {
+.o-ui-kform-annexes__menu-annex[data-status]::after {
   content: "";
   position: absolute;
   top: 0;
-  left: calc((var(--oui-space) * 5 + var(--oui-space) * -3) * -1);
+  left: calc((var(--o-ui-space) * 5 + var(--o-ui-space) * -3) * -1);
   height: 100%;
   width: 3px;
-  border-radius: 0 var(--oui-border-radius-sm) var(--oui-border-radius-sm) 0;
-  background-color: var(--oui-accent-9);
+  border-radius: 0 var(--o-ui-border-radius-sm) var(--o-ui-border-radius-sm) 0;
+  background-color: var(--o-ui-accent-9);
 }
-.oui-kform-annexes__menu-annex-action {
+.o-ui-kform-annexes__menu-annex-action {
   position: relative;
   min-height: 40px;
 }
-.oui-kform-annexes__menu-annex-content {
+.o-ui-kform-annexes__menu-annex-content {
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
 }
-.oui-kform-annexes__menu-annex-content-container {
+.o-ui-kform-annexes__menu-annex-content-container {
   overflow: hidden;
 }
-.oui-kform-annexes__menu-annex-title {
+.o-ui-kform-annexes__menu-annex-title {
   font-weight: 700;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.oui-kform-annexes__menu-annex-subtitle {
-  margin-left: calc(var(--oui-space) * 2);
+.o-ui-kform-annexes__menu-annex-subtitle {
+  margin-left: calc(var(--o-ui-space) * 2);
   font-weight: 400;
   font-size: 0.75rem;
   line-height: 0.75rem;
   text-transform: none;
 }
-.oui-kform-annexes__menu-annex-description {
+.o-ui-kform-annexes__menu-annex-description {
   font-weight: 400;
   text-transform: none;
 }
-.oui-kform-annexes__menu-annex-remove {
-  margin-left: calc(var(--oui-space) * 2);
+.o-ui-kform-annexes__menu-annex-remove {
+  margin-left: calc(var(--o-ui-space) * 2);
   min-height: 28px;
   min-width: 28px;
 }
-.oui-kform-annexes__menu-new-annex-content {
+.o-ui-kform-annexes__menu-new-annex-content {
   display: flex;
   width: 100%;
 }
-.oui-kform-annexes__menu-new-annex-title {
+.o-ui-kform-annexes__menu-new-annex-title {
   flex: 1;
   font-weight: 700;
   color: #3e63dd;
 }
-.oui-kform-annexes__menu-new-annex-description {
+.o-ui-kform-annexes__menu-new-annex-description {
   flex: 2;
-  margin-left: calc(var(--oui-space) * 2);
+  margin-left: calc(var(--o-ui-space) * 2);
   font-weight: 400;
   text-transform: none;
 }
-.oui-kform-annexes__tab-inner {
+.o-ui-kform-annexes__tab-inner {
   flex-direction: column;
   height: 100%;
   min-height: 44px;
 }
-.oui-kform-annexes__tab-title, .oui-kform-annexes__tab-subtitle {
+.o-ui-kform-annexes__tab-title, .o-ui-kform-annexes__tab-subtitle {
   display: block;
   max-width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.oui-kform-annexes__tab-subtitle {
+.o-ui-kform-annexes__tab-subtitle {
   font-weight: 400;
   font-size: 0.75rem;
   line-height: 1.3333333333;
 }
-.oui-kform-annexes__tab[data-has-issues] .oui-kform-annexes__tab-inner {
-  padding-right: calc(var(--oui-space) * 2 * 2 + var(--oui-font-size-md) + (32px - var(--oui-font-size-md) - 2px) / 2);
+.o-ui-kform-annexes__tab[data-has-issues] .o-ui-kform-annexes__tab-inner {
+  padding-right: calc(var(--o-ui-space) * 2 * 2 + var(--o-ui-font-size-md) + (32px - var(--o-ui-font-size-md) - 2px) / 2);
 }
-.oui-kform-annexes__tab-issues-popover-button-container {
-  z-index: calc(var(--oui-z-index-focused) + 1);
-  margin-left: calc(-32px - var(--oui-tabs-tab-list-gap-x) - (32px - var(--oui-font-size-md) - 2px) / 2 / 2);
-  padding-right: calc(var(--oui-tabs-tab-list-gap-x) + (32px - var(--oui-font-size-md) - 2px) / 2 / 2);
+.o-ui-kform-annexes__tab-issues-popover-button-container {
+  z-index: calc(var(--o-ui-z-index-focused) + 1);
+  margin-left: calc(-32px - var(--o-ui-tabs-tab-list-gap-x) - (32px - var(--o-ui-font-size-md) - 2px) / 2 / 2);
+  padding-right: calc(var(--o-ui-tabs-tab-list-gap-x) + (32px - var(--o-ui-font-size-md) - 2px) / 2 / 2);
 }
-.oui-kform-annexes__tab-issues-popover-button .oui-icon {
-  filter: drop-shadow(0 -1px 0 var(--oui-background-color)) drop-shadow(1px 0 0 var(--oui-background-color)) drop-shadow(0 1px 0 var(--oui-background-color)) drop-shadow(-1px 0 0 var(--oui-background-color));
+.o-ui-kform-annexes__tab-issues-popover-button .o-ui-icon {
+  filter: drop-shadow(0 -1px 0 var(--o-ui-background-color)) drop-shadow(1px 0 0 var(--o-ui-background-color)) drop-shadow(0 1px 0 var(--o-ui-background-color)) drop-shadow(-1px 0 0 var(--o-ui-background-color));
 }
-.oui-kform-annexes__annex {
-  min-height: calc(var(--oui-kform-form-app-min-height) - var(--oui-kform-top-bar-height) - var(--oui-kform-bottom-panel-height));
+.o-ui-kform-annexes__annex {
+  min-height: calc(var(--o-ui-kform-form-app-min-height) - var(--o-ui-kform-top-bar-height) - var(--o-ui-kform-bottom-panel-height));
 }
 
-.oui-kform-file-control__viewer-dialog {
+.o-ui-kform-file-control__viewer-dialog {
   width: fit-content;
   min-width: 0;
-  max-width: min(100dvw - var(--oui-space) * 14, 1140px);
+  max-width: min(100dvw - var(--o-ui-space) * 14, 1140px);
 }
-.oui-kform-file-control__viewer-download {
-  margin-left: calc(var(--oui-space) * 4);
+.o-ui-kform-file-control__viewer-download {
+  margin-left: calc(var(--o-ui-space) * 4);
 }
-.oui-kform-file-control__viewer-dialog-title {
+.o-ui-kform-file-control__viewer-dialog-title {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.oui-kform-file-control__viewer-dialog-body {
+.o-ui-kform-file-control__viewer-dialog-body {
   padding: 0 !important;
 }
-.oui-kform-file-control__viewer-object {
+.o-ui-kform-file-control__viewer-object {
   display: flex;
   justify-content: center;
   max-width: 100%;
   width: auto;
   max-height: calc(100dvh - 50px - 64px);
   margin: 0 auto;
-  border-bottom-left-radius: var(--oui-border-radius-xs);
-  border-bottom-right-radius: var(--oui-border-radius-xs);
-  background-color: var(--oui-background-color);
+  border-bottom-left-radius: var(--o-ui-border-radius-xs);
+  border-bottom-right-radius: var(--o-ui-border-radius-xs);
+  background-color: var(--o-ui-background-color);
 }
-.oui-kform-file-control__viewer-object:not([type^="image/"]):not([type^="video/"]):not([type^="audio/"]) {
+.o-ui-kform-file-control__viewer-object:not([type^="image/"]):not([type^="video/"]):not([type^="audio/"]) {
   width: 100vw;
   height: calc(100dvh - 50px - 64px);
 }
-.oui-kform-file-control__viewer-fallback {
-  margin: calc(var(--oui-space) * 3) calc(var(--oui-space) * 4);
+.o-ui-kform-file-control__viewer-fallback {
+  margin: calc(var(--o-ui-space) * 3) calc(var(--o-ui-space) * 4);
 }
 
-.oui-spinner {
+.o-ui-spinner {
   display: inline-flex;
   flex: none;
   width: 1em;
@@ -298,114 +298,114 @@
   border-radius: 50%;
   border: clamp(1px, 0.15em, 6px) solid currentColor;
   border-right-color: transparent;
-  animation: 0.75s linear infinite oui-spinner-rotate;
+  animation: 0.75s linear infinite o-ui-spinner-rotate;
 }
 @media (prefers-reduced-motion: reduce) {
-  .oui-spinner {
+  .o-ui-spinner {
     animation-duration: 1.5s;
   }
 }
-.oui-spinner[data-accent] {
-  color: var(--oui-accent-a11);
+.o-ui-spinner[data-accent] {
+  color: var(--o-ui-accent-a11);
 }
-.oui-spinner--3xs {
+.o-ui-spinner--3xs {
   font-size: 0.5625rem;
 }
-.oui-spinner--2xs {
+.o-ui-spinner--2xs {
   font-size: 0.625rem;
 }
-.oui-spinner--xs {
+.o-ui-spinner--xs {
   font-size: 0.75rem;
 }
-.oui-spinner--sm {
+.o-ui-spinner--sm {
   font-size: 0.875rem;
 }
-.oui-spinner--md {
+.o-ui-spinner--md {
   font-size: 1rem;
 }
-.oui-spinner--lg {
+.o-ui-spinner--lg {
   font-size: 1.125rem;
 }
-.oui-spinner--xl {
+.o-ui-spinner--xl {
   font-size: 1.25rem;
 }
-.oui-spinner--2xl {
+.o-ui-spinner--2xl {
   font-size: 1.5rem;
 }
-.oui-spinner--3xl {
+.o-ui-spinner--3xl {
   font-size: 1.875rem;
 }
-.oui-spinner--4xl {
+.o-ui-spinner--4xl {
   font-size: 2.25rem;
 }
-.oui-spinner--5xl {
+.o-ui-spinner--5xl {
   font-size: 3rem;
 }
-.oui-spinner--6xl {
+.o-ui-spinner--6xl {
   font-size: 3.75rem;
 }
-.oui-spinner--7xl {
+.o-ui-spinner--7xl {
   font-size: 4.5rem;
 }
-.oui-spinner--8xl {
+.o-ui-spinner--8xl {
   font-size: 6rem;
 }
-.oui-spinner--9xl {
+.o-ui-spinner--9xl {
   font-size: 8rem;
 }
 
-.oui-kform-form-app {
+.o-ui-kform-form-app {
   position: relative;
-  min-height: var(--oui-kform-form-app-min-height);
+  min-height: var(--o-ui-kform-form-app-min-height);
   margin-bottom: 0;
-  background-color: var(--oui-background-color);
-  --oui-kform-form-app-min-height: 100dvh;
+  background-color: var(--o-ui-background-color);
+  --o-ui-kform-form-app-min-height: 100dvh;
 }
-.oui-kform-form-app[data-has-min-height-xs] {
-  --oui-kform-form-app-min-height: var(--oui-kform-form-app-min-height-xs);
+.o-ui-kform-form-app[data-has-min-height-xs] {
+  --o-ui-kform-form-app-min-height: var(--o-ui-kform-form-app-min-height-xs);
 }
 @media (min-width: 576px) {
-  .oui-kform-form-app[data-has-min-height-sm] {
-    --oui-kform-form-app-min-height: var(--oui-kform-form-app-min-height-sm);
+  .o-ui-kform-form-app[data-has-min-height-sm] {
+    --o-ui-kform-form-app-min-height: var(--o-ui-kform-form-app-min-height-sm);
   }
 }
 @media (min-width: 768px) {
-  .oui-kform-form-app[data-has-min-height-md] {
-    --oui-kform-form-app-min-height: var(--oui-kform-form-app-min-height-md);
+  .o-ui-kform-form-app[data-has-min-height-md] {
+    --o-ui-kform-form-app-min-height: var(--o-ui-kform-form-app-min-height-md);
   }
 }
 @media (min-width: 992px) {
-  .oui-kform-form-app[data-has-min-height-lg] {
-    --oui-kform-form-app-min-height: var(--oui-kform-form-app-min-height-lg);
+  .o-ui-kform-form-app[data-has-min-height-lg] {
+    --o-ui-kform-form-app-min-height: var(--o-ui-kform-form-app-min-height-lg);
   }
 }
 @media (min-width: 1200px) {
-  .oui-kform-form-app[data-has-min-height-xl] {
-    --oui-kform-form-app-min-height: var(--oui-kform-form-app-min-height-xl);
+  .o-ui-kform-form-app[data-has-min-height-xl] {
+    --o-ui-kform-form-app-min-height: var(--o-ui-kform-form-app-min-height-xl);
   }
 }
 @media (min-width: 1400px) {
-  .oui-kform-form-app[data-has-min-height-xxl] {
-    --oui-kform-form-app-min-height: var(--oui-kform-form-app-min-height-xxl);
+  .o-ui-kform-form-app[data-has-min-height-xxl] {
+    --o-ui-kform-form-app-min-height: var(--o-ui-kform-form-app-min-height-xxl);
   }
 }
-.oui-kform-form-app:focus-visible {
+.o-ui-kform-form-app:focus-visible {
   outline: none;
 }
-.oui-kform-form-app::after {
+.o-ui-kform-form-app::after {
   content: "";
   position: absolute;
   pointer-events: none;
   z-index: 1300;
 }
 @media (prefers-reduced-motion: no-preference) {
-  .oui-kform-form-app::after {
+  .o-ui-kform-form-app::after {
     transition-property: outline-color;
-    transition-duration: var(--oui-transition-duration);
-    transition-timing-function: var(--oui-transition-timing-function);
+    transition-duration: var(--o-ui-transition-duration);
+    transition-timing-function: var(--o-ui-transition-timing-function);
   }
 }
-.oui-kform-form-app:focus-visible::after {
+.o-ui-kform-form-app:focus-visible::after {
   top: 0;
   left: 0;
   width: 100%;
@@ -413,16 +413,16 @@
   outline: 2px solid #8da4ef;
   outline-offset: -3px;
 }
-.oui-overlay .oui-kform-form-app {
-  --oui-kform-form-app-min-height: auto;
+.o-ui-overlay .o-ui-kform-form-app {
+  --o-ui-kform-form-app-min-height: auto;
 }
-.oui-kform-form-app__container:empty {
+.o-ui-kform-form-app__container:empty {
   display: flex;
   align-items: center;
   justify-content: center;
-  padding: calc(var(--oui-space) * 30) calc(var(--oui-space) * 10);
+  padding: calc(var(--o-ui-space) * 30) calc(var(--o-ui-space) * 10);
 }
-.oui-kform-form-app__container:empty::after {
+.o-ui-kform-form-app__container:empty::after {
   content: "";
   color: #3e63dd;
   font-size: 3.75rem;
@@ -433,273 +433,273 @@
   border-radius: 50%;
   border: clamp(1px, 0.15em, 6px) solid currentColor;
   border-right-color: transparent;
-  animation: 0.75s linear infinite oui-spinner-rotate;
+  animation: 0.75s linear infinite o-ui-spinner-rotate;
 }
 @media (prefers-reduced-motion: reduce) {
-  .oui-kform-form-app__container:empty::after {
+  .o-ui-kform-form-app__container:empty::after {
     animation-duration: 1.5s;
   }
 }
 
-.oui-kform-form-pages {
+.o-ui-kform-form-pages {
   display: flex;
   justify-content: stretch;
   height: 100%;
 }
-.oui-kform-form-pages__navigation[data-navigation-mode=sidebar] {
+.o-ui-kform-form-pages__navigation[data-navigation-mode=sidebar] {
   flex-shrink: 0;
   width: 220px;
-  min-height: calc(var(--oui-kform-form-app-min-height) - var(--oui-kform-top-bar-height));
-  margin-bottom: calc(var(--oui-kform-bottom-panel-height) * -1);
-  background-color: var(--oui-primary-a3);
-  border-right: 1px solid var(--oui-primary-4);
+  min-height: calc(var(--o-ui-kform-form-app-min-height) - var(--o-ui-kform-top-bar-height));
+  margin-bottom: calc(var(--o-ui-kform-bottom-panel-height) * -1);
+  background-color: var(--o-ui-primary-a3);
+  border-right: 1px solid var(--o-ui-primary-4);
 }
 @media (min-width: 1200px) {
-  .oui-kform-form-pages__navigation[data-navigation-mode=sidebar] {
+  .o-ui-kform-form-pages__navigation[data-navigation-mode=sidebar] {
     width: 300px;
   }
 }
-.oui-kform-form-pages__sidebar {
+.o-ui-kform-form-pages__sidebar {
   position: sticky;
-  top: var(--oui-kform-top-bar-height);
-  z-index: calc(var(--oui-z-index-sticky) + 1);
-  max-height: calc(100dvh - var(--oui-kform-top-bar-height));
+  top: var(--o-ui-kform-top-bar-height);
+  z-index: calc(var(--o-ui-z-index-sticky) + 1);
+  max-height: calc(100dvh - var(--o-ui-kform-top-bar-height));
   overflow: auto;
 }
-.oui-kform-form-pages__sidebar-item-content {
+.o-ui-kform-form-pages__sidebar-item-content {
   display: flex;
   align-items: center;
 }
-.oui-kform-form-pages__sidebar-item-code {
+.o-ui-kform-form-pages__sidebar-item-code {
   display: flex;
   flex: 0 0 auto;
   align-items: center;
   justify-content: center;
   min-width: 20px;
   min-height: 20px;
-  margin-right: calc(var(--oui-space) * 2);
-  padding: calc(var(--oui-space) * 0.5);
-  border-radius: var(--oui-border-radius-sm);
-  font-size: var(--oui-font-size-xs);
-  line-height: var(--oui-line-height-xs);
+  margin-right: calc(var(--o-ui-space) * 2);
+  padding: calc(var(--o-ui-space) * 0.5);
+  border-radius: var(--o-ui-border-radius-sm);
+  font-size: var(--o-ui-font-size-xs);
+  line-height: var(--o-ui-line-height-xs);
   font-weight: 700;
-  background-color: var(--oui-primary-2);
-  color: var(--oui-primary-9);
+  background-color: var(--o-ui-primary-2);
+  color: var(--o-ui-primary-9);
 }
 @media (prefers-reduced-motion: no-preference) {
-  .oui-kform-form-pages__sidebar-item-code {
-    transition-property: var(--oui-transition-property);
-    transition-duration: var(--oui-transition-duration);
-    transition-timing-function: var(--oui-transition-timing-function);
+  .o-ui-kform-form-pages__sidebar-item-code {
+    transition-property: var(--o-ui-transition-property);
+    transition-duration: var(--o-ui-transition-duration);
+    transition-timing-function: var(--o-ui-transition-timing-function);
   }
 }
-.oui-kform-form-pages__sidebar-item-code[data-selected] {
+.o-ui-kform-form-pages__sidebar-item-code[data-selected] {
   background-color: rgba(255, 255, 255, 0.25);
-  color: var(--oui-primary-contrast);
+  color: var(--o-ui-primary-contrast);
 }
-.oui-kform-form-pages__sidebar-item-code[data-status] {
-  background-color: var(--oui-accent-9);
-  color: var(--oui-accent-contrast);
+.o-ui-kform-form-pages__sidebar-item-code[data-status] {
+  background-color: var(--o-ui-accent-9);
+  color: var(--o-ui-accent-contrast);
 }
-.oui-kform-form-pages[data-navigation-mode=select] {
+.o-ui-kform-form-pages[data-navigation-mode=select] {
   flex-direction: column;
 }
-.oui-kform-form-pages__navigation[data-navigation-mode=select] {
+.o-ui-kform-form-pages__navigation[data-navigation-mode=select] {
   position: sticky;
-  top: var(--oui-kform-top-bar-height);
-  z-index: calc(var(--oui-z-index-sticky) + 2);
+  top: var(--o-ui-kform-top-bar-height);
+  z-index: calc(var(--o-ui-z-index-sticky) + 2);
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
 }
-.oui-kform-form-pages__select-container[data-variant=default] {
+.o-ui-kform-form-pages__select-container[data-variant=default] {
   border-radius: 0;
   border: 0;
-  background-color: var(--oui-primary-9);
+  background-color: var(--o-ui-primary-9);
   background-image: none;
 }
-.oui-kform-form-pages__select-container[data-variant=default][data-focused] {
-  box-shadow: inset 0 0 0 2px var(--oui-neutral-a12);
+.o-ui-kform-form-pages__select-container[data-variant=default][data-focused] {
+  box-shadow: inset 0 0 0 2px var(--o-ui-neutral-a12);
 }
-.oui-kform-form-pages__select[data-variant=default] {
-  padding-top: calc(var(--oui-space) * 2 - 2px);
-  padding-bottom: calc(var(--oui-space) * 2);
+.o-ui-kform-form-pages__select[data-variant=default] {
+  padding-top: calc(var(--o-ui-space) * 2 - 2px);
+  padding-bottom: calc(var(--o-ui-space) * 2);
   height: auto;
   border-radius: 0 !important;
   font-weight: 700;
   font-size: 1rem;
-  color: var(--oui-background-color);
+  color: var(--o-ui-background-color);
 }
 @media (prefers-reduced-motion: no-preference) {
-  .oui-kform-form-pages__select[data-variant=default] {
-    transition-property: var(--oui-transition-property);
-    transition-duration: var(--oui-transition-duration);
-    transition-timing-function: var(--oui-transition-timing-function);
+  .o-ui-kform-form-pages__select[data-variant=default] {
+    transition-property: var(--o-ui-transition-property);
+    transition-duration: var(--o-ui-transition-duration);
+    transition-timing-function: var(--o-ui-transition-timing-function);
   }
 }
-.oui-kform-form-pages__select-value > span, .oui-kform-form-pages__select-option > span {
+.o-ui-kform-form-pages__select-value > span, .o-ui-kform-form-pages__select-option > span {
   display: flex;
   align-items: center;
 }
-.oui-kform-form-pages__select-popover {
+.o-ui-kform-form-pages__select-popover {
   min-width: 0;
-  width: calc(100dvw - var(--oui-space));
+  width: calc(100dvw - var(--o-ui-space));
 }
-.oui-kform-form-pages__select-option-code {
+.o-ui-kform-form-pages__select-option-code {
   display: inline-flex;
   flex: 0 0 auto;
   align-items: center;
   justify-content: center;
   min-width: 30px;
   min-height: 30px;
-  margin-right: calc(var(--oui-space) * 3);
-  padding: calc(var(--oui-space) * 0.5) var(--oui-space);
-  border-radius: var(--oui-border-radius-sm);
-  font-size: var(--oui-font-size-sm);
-  line-height: var(--oui-line-height-sm);
+  margin-right: calc(var(--o-ui-space) * 3);
+  padding: calc(var(--o-ui-space) * 0.5) var(--o-ui-space);
+  border-radius: var(--o-ui-border-radius-sm);
+  font-size: var(--o-ui-font-size-sm);
+  line-height: var(--o-ui-line-height-sm);
   font-weight: 700;
   background-color: rgba(255, 255, 255, 0.6);
-  color: var(--oui-primary-9);
+  color: var(--o-ui-primary-9);
 }
 @media (prefers-reduced-motion: no-preference) {
-  .oui-kform-form-pages__select-option-code {
-    transition-property: var(--oui-transition-property);
-    transition-duration: var(--oui-transition-duration);
-    transition-timing-function: var(--oui-transition-timing-function);
+  .o-ui-kform-form-pages__select-option-code {
+    transition-property: var(--o-ui-transition-property);
+    transition-duration: var(--o-ui-transition-duration);
+    transition-timing-function: var(--o-ui-transition-timing-function);
   }
 }
-.oui-kform-form-pages__select-value .oui-kform-form-pages__select-option-code, .oui-kform-form-pages__select-option[data-state=checked] .oui-kform-form-pages__select-option-code:not([data-status]) {
+.o-ui-kform-form-pages__select-value .o-ui-kform-form-pages__select-option-code, .o-ui-kform-form-pages__select-option[data-state=checked] .o-ui-kform-form-pages__select-option-code:not([data-status]) {
   background-color: rgba(255, 255, 255, 0.25);
-  color: var(--oui-background-color);
+  color: var(--o-ui-background-color);
 }
-.oui-kform-form-pages__select-option-code[data-status] {
-  background-color: var(--oui-accent-9);
-  color: var(--oui-accent-contrast);
+.o-ui-kform-form-pages__select-option-code[data-status] {
+  background-color: var(--o-ui-accent-9);
+  color: var(--o-ui-accent-contrast);
 }
-.oui-kform-form-pages__select-arrow {
-  color: var(--oui-background-color);
+.o-ui-kform-form-pages__select-arrow {
+  color: var(--o-ui-background-color);
 }
-.oui-kform-form-pages__page {
+.o-ui-kform-form-pages__page {
   flex: 1;
   min-width: 0;
-  min-height: calc(var(--oui-kform-form-app-min-height) - var(--oui-kform-top-bar-height) - var(--oui-kform-form-pages-navigation-select-height) - var(--oui-kform-bottom-panel-height));
-  background-color: var(--oui-background-color);
+  min-height: calc(var(--o-ui-kform-form-app-min-height) - var(--o-ui-kform-top-bar-height) - var(--o-ui-kform-form-pages-navigation-select-height) - var(--o-ui-kform-bottom-panel-height));
+  background-color: var(--o-ui-background-color);
 }
-.oui-kform-form-pages__page-header {
+.o-ui-kform-form-pages__page-header {
   position: sticky;
-  top: var(--oui-kform-top-bar-height);
+  top: var(--o-ui-kform-top-bar-height);
   z-index: 1101;
   display: flex;
   align-items: center;
-  padding: calc(var(--oui-space) * 2) calc(var(--oui-space) * 4);
-  border-bottom: 1px solid var(--oui-primary-3);
-  background-color: var(--oui-background-color);
+  padding: calc(var(--o-ui-space) * 2) calc(var(--o-ui-space) * 4);
+  border-bottom: 1px solid var(--o-ui-primary-3);
+  background-color: var(--o-ui-background-color);
 }
 @media (max-width: 575.98px) {
-  .oui-kform-form-pages__navigation + .oui-kform-form-pages__page > .oui-kform-form-pages__page-header {
+  .o-ui-kform-form-pages__navigation + .o-ui-kform-form-pages__page > .o-ui-kform-form-pages__page-header {
     background-color: transparent;
-    padding-left: calc(var(--oui-space) * 2.5);
-    padding-right: calc(var(--oui-space) * 2.5);
+    padding-left: calc(var(--o-ui-space) * 2.5);
+    padding-right: calc(var(--o-ui-space) * 2.5);
     overflow: hidden;
   }
-  .oui-kform-form-pages__navigation + .oui-kform-form-pages__page > .oui-kform-form-pages__page-header:not([data-has-popovers]) {
+  .o-ui-kform-form-pages__navigation + .o-ui-kform-form-pages__page > .o-ui-kform-form-pages__page-header:not([data-has-popovers]) {
     padding: 0;
     border: 0;
   }
-  .oui-kform-form-pages__navigation + .oui-kform-form-pages__page > .oui-kform-form-pages__page-header > .oui-kform-form-pages__page-code, .oui-kform-form-pages__navigation + .oui-kform-form-pages__page > .oui-kform-form-pages__page-header > .oui-kform-form-pages__page-title {
+  .o-ui-kform-form-pages__navigation + .o-ui-kform-form-pages__page > .o-ui-kform-form-pages__page-header > .o-ui-kform-form-pages__page-code, .o-ui-kform-form-pages__navigation + .o-ui-kform-form-pages__page > .o-ui-kform-form-pages__page-header > .o-ui-kform-form-pages__page-title {
     display: none;
   }
-  .oui-kform-form-pages__navigation + .oui-kform-form-pages__page > .oui-kform-form-pages__page-content {
-    top: calc(var(--oui-kform-top-bar-height) + var(--oui-kform-form-pages-navigation-select-height));
+  .o-ui-kform-form-pages__navigation + .o-ui-kform-form-pages__page > .o-ui-kform-form-pages__page-content {
+    top: calc(var(--o-ui-kform-top-bar-height) + var(--o-ui-kform-form-pages-navigation-select-height));
   }
 }
-.oui-kform-form-pages__page-code {
+.o-ui-kform-form-pages__page-code {
   display: flex;
   align-items: center;
   justify-content: center;
   min-height: 24px;
   min-width: 24px;
-  margin-right: calc(var(--oui-space) * 2);
-  border-radius: var(--oui-border-radius-sm);
-  padding: calc(var(--oui-space) * 0.5) var(--oui-space);
-  background-color: var(--oui-primary-3);
-  color: var(--oui-primary-9);
+  margin-right: calc(var(--o-ui-space) * 2);
+  border-radius: var(--o-ui-border-radius-sm);
+  padding: calc(var(--o-ui-space) * 0.5) var(--o-ui-space);
+  background-color: var(--o-ui-primary-3);
+  color: var(--o-ui-primary-9);
   font-size: 0.875rem;
   line-height: 1.4285714286;
   font-weight: 700;
 }
 @media (prefers-reduced-motion: no-preference) {
-  .oui-kform-form-pages__page-code {
-    transition-property: var(--oui-transition-property);
-    transition-duration: var(--oui-transition-duration);
-    transition-timing-function: var(--oui-transition-timing-function);
+  .o-ui-kform-form-pages__page-code {
+    transition-property: var(--o-ui-transition-property);
+    transition-duration: var(--o-ui-transition-duration);
+    transition-timing-function: var(--o-ui-transition-timing-function);
   }
 }
-.oui-kform-form-pages__page-code[data-status] {
-  background-color: var(--oui-accent-9);
-  color: var(--oui-accent-contrast);
+.o-ui-kform-form-pages__page-code[data-status] {
+  background-color: var(--o-ui-accent-9);
+  color: var(--o-ui-accent-contrast);
 }
-.oui-kform-form-pages__page-title {
+.o-ui-kform-form-pages__page-title {
   margin: 0;
-  color: var(--oui-primary-9);
+  color: var(--o-ui-primary-9);
   font-size: 1rem;
   line-height: 1.5;
   font-weight: 700;
 }
-.oui-kform-form-pages__page-title:not(:last-child) {
-  margin-right: calc(var(--oui-space) * 4);
+.o-ui-kform-form-pages__page-title:not(:last-child) {
+  margin-right: calc(var(--o-ui-space) * 4);
 }
-.oui-kform-form-pages__page-header-popovers {
+.o-ui-kform-form-pages__page-header-popovers {
   margin-left: auto;
-  margin-right: calc(var(--oui-space) * -0.5);
+  margin-right: calc(var(--o-ui-space) * -0.5);
 }
-.oui-kform-form-pages__page-helper-button, .oui-kform-form-pages__page-issues-popover-button {
-  margin-top: calc(var(--oui-space) * -3) !important;
-  margin-bottom: calc(var(--oui-space) * -3) !important;
-  margin-right: calc(var(--oui-space) * -1.5) !important;
+.o-ui-kform-form-pages__page-helper-button, .o-ui-kform-form-pages__page-issues-popover-button {
+  margin-top: calc(var(--o-ui-space) * -3) !important;
+  margin-bottom: calc(var(--o-ui-space) * -3) !important;
+  margin-right: calc(var(--o-ui-space) * -1.5) !important;
 }
-.oui-kform-form-pages__page-helper-popover {
+.o-ui-kform-form-pages__page-helper-popover {
   max-width: min(720px, 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);
+  padding: var(--o-ui-space) calc(var(--o-ui-space) * 2);
 }
-.oui-kform-form-pages__page-content {
+.o-ui-kform-form-pages__page-content {
   position: sticky;
-  top: calc(var(--oui-kform-top-bar-height) + var(--oui-kform-form-pages-page-header-height));
+  top: calc(var(--o-ui-kform-top-bar-height) + var(--o-ui-kform-form-pages-page-header-height));
   z-index: 1100;
-  padding: calc(var(--oui-space) * 4);
+  padding: calc(var(--o-ui-space) * 4);
 }
 @media (min-width: 576px) {
-  .oui-kform-form-pages__page-content {
-    padding-bottom: calc(var(--oui-kform-bottom-panel-height) + var(--oui-space) * 4);
-    margin-bottom: calc(var(--oui-kform-bottom-panel-height) * -1);
+  .o-ui-kform-form-pages__page-content {
+    padding-bottom: calc(var(--o-ui-kform-bottom-panel-height) + var(--o-ui-space) * 4);
+    margin-bottom: calc(var(--o-ui-kform-bottom-panel-height) * -1);
   }
 }
 
-.oui-kform-issue-messages__issue-code {
+.o-ui-kform-issue-messages__issue-code {
   font-style: italic;
   opacity: 0.9;
 }
-.oui-kform-issue-messages__issue-code::before {
+.o-ui-kform-issue-messages__issue-code::before {
   content: " ";
 }
 
-.oui-kform-issues-panel {
-  border-radius: var(--oui-border-radius-sm) var(--oui-border-radius-sm) 0 0;
+.o-ui-kform-issues-panel {
+  border-radius: var(--o-ui-border-radius-sm) var(--o-ui-border-radius-sm) 0 0;
   pointer-events: auto;
   overflow: auto;
 }
-.oui-kform-issues-panel.oui-card {
+.o-ui-kform-issues-panel.o-ui-card {
   padding: 0;
   border-width: 1px 1px 0 1px;
 }
 @media (max-width: 575.98px) {
-  .oui-kform-issues-panel {
+  .o-ui-kform-issues-panel {
     border-radius: 0;
   }
-  .oui-kform-issues-panel.oui-card {
+  .o-ui-kform-issues-panel.o-ui-card {
     border-width: 1px 0 0 0;
   }
 }
-.oui-kform-issues-panel__container {
+.o-ui-kform-issues-panel__container {
   position: sticky;
   bottom: 0;
   z-index: 1101;
@@ -708,31 +708,31 @@
   pointer-events: none;
 }
 @media (prefers-reduced-motion: no-preference) {
-  .oui-kform-issues-panel__container {
-    animation: oui-fade-in var(--oui-animation-fade-duration) var(--oui-animation-fade-timing-function);
+  .o-ui-kform-issues-panel__container {
+    animation: o-ui-fade-in var(--o-ui-animation-fade-duration) var(--o-ui-animation-fade-timing-function);
   }
 }
 @media (min-width: 576px) {
-  .oui-kform-issues-panel {
-    width: calc(100% - var(--oui-space) * 4 * 2);
-    padding: calc(var(--oui-space) * 3) calc(var(--oui-space) * 4);
+  .o-ui-kform-issues-panel {
+    width: calc(100% - var(--o-ui-space) * 4 * 2);
+    padding: calc(var(--o-ui-space) * 3) calc(var(--o-ui-space) * 4);
   }
-  .oui-kform-issues-panel__container {
-    padding-left: var(--oui-kform-left-sidebar-width);
+  .o-ui-kform-issues-panel__container {
+    padding-left: var(--o-ui-kform-left-sidebar-width);
   }
 }
-.oui-kform-issues-panel--messages {
+.o-ui-kform-issues-panel--messages {
   min-height: 190px;
   max-height: 260px;
 }
-.oui-kform-issues-panel__header {
+.o-ui-kform-issues-panel__header {
   display: block;
-  padding: 0 calc(var(--oui-space) * 4) calc(var(--oui-space) * 2) !important;
+  padding: 0 calc(var(--o-ui-space) * 4) calc(var(--o-ui-space) * 2) !important;
   position: sticky;
   top: 0;
   z-index: 1100;
 }
-.oui-kform-issues-panel__header[data-stuck]::before {
+.o-ui-kform-issues-panel__header[data-stuck]::before {
   content: "";
   pointer-events: none;
   position: absolute;
@@ -742,117 +742,117 @@
   bottom: -8px;
   background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), transparent);
 }
-.oui-kform-issues-panel--summary .oui-kform-issues-panel__header {
+.o-ui-kform-issues-panel--summary .o-ui-kform-issues-panel__header {
   padding-bottom: 0 !important;
 }
-.oui-kform-issues-panel__body {
-  padding: 0 calc(var(--oui-space) * 4) calc(var(--oui-space) * 3) !important;
+.o-ui-kform-issues-panel__body {
+  padding: 0 calc(var(--o-ui-space) * 4) calc(var(--o-ui-space) * 3) !important;
 }
-.oui-kform-issues-panel__loading-spinner, .oui-kform-issues-panel__icon {
+.o-ui-kform-issues-panel__loading-spinner, .o-ui-kform-issues-panel__icon {
   display: inline-block;
   vertical-align: middle;
-  margin: calc(var(--oui-space) * 5) calc(var(--oui-space) * 3) calc(var(--oui-space) * 5) 0;
+  margin: calc(var(--o-ui-space) * 5) calc(var(--o-ui-space) * 3) calc(var(--o-ui-space) * 5) 0;
 }
-.oui-kform-issues-panel__action:not(:first-child) {
-  margin-left: var(--oui-space);
+.o-ui-kform-issues-panel__action:not(:first-child) {
+  margin-left: var(--o-ui-space);
 }
-.oui-kform-issues-panel__title {
+.o-ui-kform-issues-panel__title {
   display: inline-block;
   vertical-align: middle;
   font-size: 1rem !important;
   line-height: 1.5 !important;
 }
 @media (max-width: 575.98px) {
-  .oui-kform-issues-panel__title {
+  .o-ui-kform-issues-panel__title {
     font-size: 0.875rem !important;
     line-height: !important;
   }
 }
-.oui-kform-issues-panel__breadcrumb-item:not(:last-child)::after {
+.o-ui-kform-issues-panel__breadcrumb-item:not(:last-child)::after {
   content: "›";
-  margin: 0 calc(var(--oui-space) * 1.5);
+  margin: 0 calc(var(--o-ui-space) * 1.5);
 }
-.oui-kform-issues-panel__controls {
+.o-ui-kform-issues-panel__controls {
   float: right;
   display: flex;
   align-items: center;
-  margin: calc(var(--oui-space) * 3.5) 0 calc(var(--oui-space) * 3.5) calc(var(--oui-space) * 4);
+  margin: calc(var(--o-ui-space) * 3.5) 0 calc(var(--o-ui-space) * 3.5) calc(var(--o-ui-space) * 4);
 }
-.oui-kform-issues-panel__validating-spinner {
-  margin-right: calc(var(--oui-space) * 2);
+.o-ui-kform-issues-panel__validating-spinner {
+  margin-right: calc(var(--o-ui-space) * 2);
 }
-.oui-kform-issues-panel__pagination {
+.o-ui-kform-issues-panel__pagination {
   flex-shrink: 0;
   font-size: 0.75rem;
   line-height: 1.3333333333;
   font-weight: 700;
   text-align: right;
 }
-.oui-kform-issues-panel__pagination, .oui-kform-issues-panel__focus, .oui-kform-issues-panel__last {
-  margin-right: calc(var(--oui-space) * 3);
+.o-ui-kform-issues-panel__pagination, .o-ui-kform-issues-panel__focus, .o-ui-kform-issues-panel__last {
+  margin-right: calc(var(--o-ui-space) * 3);
 }
-.oui-kform-issues-panel__close-button {
+.o-ui-kform-issues-panel__close-button {
   margin-left: auto;
 }
-.oui-kform-issues-panel__issues-list-title {
-  margin: 0 0 calc(var(--oui-space) * 2);
-  font-size: var(--oui-font-size-sm) !important;
-  line-height: var(--oui-line-height-sm) !important;
+.o-ui-kform-issues-panel__issues-list-title {
+  margin: 0 0 calc(var(--o-ui-space) * 2);
+  font-size: var(--o-ui-font-size-sm) !important;
+  line-height: var(--o-ui-line-height-sm) !important;
 }
-.oui-kform-issues-panel__issues-list {
-  margin: 0 0 calc(var(--oui-space) * 4);
-  padding-left: calc(var(--oui-space) * 4);
+.o-ui-kform-issues-panel__issues-list {
+  margin: 0 0 calc(var(--o-ui-space) * 4);
+  padding-left: calc(var(--o-ui-space) * 4);
 }
-.oui-kform-issues-panel__issue, .oui-kform-issues-panel__resolved-message {
-  font-size: var(--oui-font-size-xs);
-  line-height: var(--oui-line-height-xs);
+.o-ui-kform-issues-panel__issue, .o-ui-kform-issues-panel__resolved-message {
+  font-size: var(--o-ui-font-size-xs);
+  line-height: var(--o-ui-line-height-xs);
 }
-.oui-kform-issues-panel__issue:not(:first-child) {
-  margin-top: calc(var(--oui-space) * 2);
+.o-ui-kform-issues-panel__issue:not(:first-child) {
+  margin-top: calc(var(--o-ui-space) * 2);
 }
-.oui-kform-issues-panel__issue-code {
+.o-ui-kform-issues-panel__issue-code {
   font-style: italic;
   opacity: 0.9;
 }
-.oui-kform-issues-panel__issue-code::before {
+.o-ui-kform-issues-panel__issue-code::before {
   content: " ";
 }
 
-.oui-kform-table-control > .oui-kform-table-control__add-row-trigger {
+.o-ui-kform-table-control > .o-ui-kform-table-control__add-row-trigger {
   float: right;
-  margin-bottom: calc(var(--oui-space) * 2);
-  margin-left: calc(var(--oui-space) * 2);
+  margin-bottom: calc(var(--o-ui-space) * 2);
+  margin-left: calc(var(--o-ui-space) * 2);
 }
-.oui-kform-table-control > .oui-kform-table-control__add-row-trigger + .oui-kform-table-control__content-container {
+.o-ui-kform-table-control > .o-ui-kform-table-control__add-row-trigger + .o-ui-kform-table-control__content-container {
   margin-top: 0;
 }
-.oui-kform-table-control > .oui-kform-table-control__content-container ~ .oui-kform-table-control__add-row-trigger {
+.o-ui-kform-table-control > .o-ui-kform-table-control__content-container ~ .o-ui-kform-table-control__add-row-trigger {
   margin-bottom: 0;
 }
 
-.oui-kform-top-bar {
+.o-ui-kform-top-bar {
   display: flex;
   align-items: flex-end;
   justify-content: space-between;
   position: sticky;
   top: 0;
   z-index: 1103;
-  padding: var(--oui-space) var(--oui-space) 0;
+  padding: var(--o-ui-space) var(--o-ui-space) 0;
   border-bottom: 2px solid #3e63dd;
-  background-color: var(--oui-background-color);
+  background-color: var(--o-ui-background-color);
 }
-.oui-kform-top-bar .oui-kform-annexes__menu-container, .oui-kform-top-bar .oui-kform-annexes__tab-list-root {
+.o-ui-kform-top-bar .o-ui-kform-annexes__menu-container, .o-ui-kform-top-bar .o-ui-kform-annexes__tab-list-root {
   box-shadow: none;
   margin-bottom: 0;
 }
-.oui-kform-top-bar .oui-kform-annexes__tab:focus-visible:not(:disabled):not([data-disabled]) {
+.o-ui-kform-top-bar .o-ui-kform-annexes__tab:focus-visible:not(:disabled):not([data-disabled]) {
   box-shadow: inset -1px 0 0 0 #1c2024, inset 0 1px 0 0 #1c2024, inset 1px 0 0 0 #1c2024, inset 0 -2px 0 #1c2024;
 }
-.oui-kform-top-bar .oui-kform-annexes__tab:focus-visible:not(:disabled):not([data-disabled])[data-status] {
+.o-ui-kform-top-bar .o-ui-kform-annexes__tab:focus-visible:not(:disabled):not([data-disabled])[data-status] {
   box-shadow: inset -1px 0 0 0 #1c2024, inset 1px 0 0 0 #1c2024, inset 0 -2px 0 #1c2024;
 }
-.oui-kform-top-bar__actions {
-  margin: 0 0 var(--oui-space) auto;
+.o-ui-kform-top-bar__actions {
+  margin: 0 0 var(--o-ui-space) auto;
 }
 
 /*# sourceMappingURL=ostack-ui-kform.css.map */