@cnc-ti/layout-basic 8.3.29 → 8.5.0

package/dist/index.css

@@ -351,6 +351,13 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
   --tw-border-opacity: 1;
   border-color: rgb(1 48 164 / var(--tw-border-opacity, 1));
 }
+input[type=date]::-webkit-datetime-edit {
+  flex: 1;
+}
+input[type=date]::-webkit-calendar-picker-indicator {
+  margin-left: auto;
+  cursor: pointer;
+}
 .cnc-header[data-header-type=primary] #cnc-border-lateral.cnc-header-item {
   border-color: rgb(210 210 210 / 0.2);
 }
@@ -425,6 +432,9 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
   white-space: nowrap;
   border-width: 0;
 }
+.cnc-pointer-events-none {
+  pointer-events: none;
+}
 .cnc-fixed {
   position: fixed;
 }
@@ -437,12 +447,24 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
 .cnc-inset-0 {
   inset: 0px;
 }
+.-cnc-right-0\.5 {
+  right: -0.125rem;
+}
+.-cnc-top-0\.5 {
+  top: -0.125rem;
+}
 .cnc-left-2 {
   left: 0.5rem;
 }
 .cnc-left-\[50\%\] {
   left: 50%;
 }
+.cnc-right-0 {
+  right: 0px;
+}
+.cnc-right-2 {
+  right: 0.5rem;
+}
 .cnc-right-4 {
   right: 1rem;
 }
@@ -452,9 +474,18 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
 .cnc-top-\[50\%\] {
   top: 50%;
 }
+.cnc-top-full {
+  top: 100%;
+}
 .cnc-z-50 {
   z-index: 50;
 }
+.cnc-z-\[51\] {
+  z-index: 51;
+}
+.cnc-m-0 {
+  margin: 0px;
+}
 .-cnc-mx-1 {
   margin-left: -0.25rem;
   margin-right: -0.25rem;
@@ -485,12 +516,21 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
 .cnc-mb-16 {
   margin-bottom: 4rem;
 }
+.cnc-mb-2 {
+  margin-bottom: 0.5rem;
+}
+.cnc-mb-3 {
+  margin-bottom: 0.75rem;
+}
 .cnc-mb-4 {
   margin-bottom: 1rem;
 }
 .cnc-mb-5 {
   margin-bottom: 1.25rem;
 }
+.cnc-mb-6 {
+  margin-bottom: 1.5rem;
+}
 .cnc-ml-2 {
   margin-left: 0.5rem;
 }
@@ -506,15 +546,30 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
 .cnc-mr-2 {
   margin-right: 0.5rem;
 }
+.cnc-mt-1 {
+  margin-top: 0.25rem;
+}
 .cnc-mt-10 {
   margin-top: 2.5rem;
 }
 .cnc-mt-2 {
   margin-top: 0.5rem;
 }
+.cnc-mt-3 {
+  margin-top: 0.75rem;
+}
 .cnc-mt-4 {
   margin-top: 1rem;
 }
+.cnc-mt-\[9px\] {
+  margin-top: 9px;
+}
+.cnc-line-clamp-2 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
 .cnc-block {
   display: block;
 }
@@ -540,6 +595,9 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
 .cnc-h-14 {
   height: 3.5rem;
 }
+.cnc-h-3 {
+  height: 0.75rem;
+}
 .cnc-h-3\.5 {
   height: 0.875rem;
 }
@@ -552,15 +610,24 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
 .cnc-h-6 {
   height: 1.5rem;
 }
+.cnc-h-7 {
+  height: 1.75rem;
+}
 .cnc-h-8 {
   height: 2rem;
 }
 .cnc-h-9 {
   height: 2.25rem;
 }
+.cnc-h-\[18px\] {
+  height: 18px;
+}
 .cnc-h-\[28px\] {
   height: 28px;
 }
+.cnc-h-\[38px\] {
+  height: 38px;
+}
 .cnc-h-\[60px\] {
   height: 60px;
 }
@@ -585,15 +652,33 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
 .cnc-max-h-\[300px\] {
   max-height: 300px;
 }
+.cnc-max-h-\[320px\] {
+  max-height: 320px;
+}
+.cnc-max-h-\[360px\] {
+  max-height: 360px;
+}
 .cnc-max-h-\[70px\] {
   max-height: 70px;
 }
+.cnc-w-1\/2 {
+  width: 50%;
+}
 .cnc-w-10 {
   width: 2.5rem;
 }
+.cnc-w-11 {
+  width: 2.75rem;
+}
+.cnc-w-2\/3 {
+  width: 66.666667%;
+}
 .cnc-w-3\.5 {
   width: 0.875rem;
 }
+.cnc-w-3\/4 {
+  width: 75%;
+}
 .cnc-w-4 {
   width: 1rem;
 }
@@ -603,21 +688,42 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
 .cnc-w-6 {
   width: 1.5rem;
 }
+.cnc-w-7 {
+  width: 1.75rem;
+}
 .cnc-w-72 {
   width: 18rem;
 }
+.cnc-w-8 {
+  width: 2rem;
+}
+.cnc-w-9 {
+  width: 2.25rem;
+}
 .cnc-w-\[--radix-popover-trigger-width\] {
   width: var(--radix-popover-trigger-width);
 }
 .cnc-w-\[159px\] {
   width: 159px;
 }
+.cnc-w-\[18px\] {
+  width: 18px;
+}
+.cnc-w-\[38px\] {
+  width: 38px;
+}
 .cnc-w-full {
   width: 100%;
 }
+.cnc-min-w-0 {
+  min-width: 0px;
+}
 .cnc-min-w-\[12rem\] {
   min-width: 12rem;
 }
+.cnc-min-w-\[18px\] {
+  min-width: 18px;
+}
 .cnc-min-w-\[8rem\] {
   min-width: 8rem;
 }
@@ -627,6 +733,9 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
 .cnc-max-w-\[42rem\] {
   max-width: 42rem;
 }
+.cnc-max-w-\[440px\] {
+  max-width: 440px;
+}
 .cnc-max-w-\[513px\] {
   max-width: 513px;
 }
@@ -642,6 +751,18 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
 .cnc-origin-\[--radix-popover-content-transform-origin\] {
   transform-origin: var(--radix-popover-content-transform-origin);
 }
+.cnc-translate-x-0 {
+  --tw-translate-x: 0px;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.cnc-translate-x-3 {
+  --tw-translate-x: 0.75rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.cnc-translate-x-5 {
+  --tw-translate-x: 1.25rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .cnc-translate-x-\[-50\%\] {
   --tw-translate-x: -50%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -650,6 +771,10 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
   --tw-translate-y: -50%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+.cnc-rotate-45 {
+  --tw-rotate: 45deg;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .cnc-cursor-default {
   cursor: default;
 }
@@ -664,6 +789,12 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
   -moz-user-select: none;
   user-select: none;
 }
+.cnc-list-none {
+  list-style-type: none;
+}
+.cnc-grid-cols-3 {
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+}
 .cnc-flex-row {
   flex-direction: row;
 }
@@ -673,9 +804,21 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
 .cnc-flex-col-reverse {
   flex-direction: column-reverse;
 }
+.cnc-flex-wrap {
+  flex-wrap: wrap;
+}
+.cnc-items-start {
+  align-items: flex-start;
+}
+.cnc-items-end {
+  align-items: flex-end;
+}
 .cnc-items-center {
   align-items: center;
 }
+.cnc-items-baseline {
+  align-items: baseline;
+}
 .cnc-justify-end {
   justify-content: flex-end;
 }
@@ -685,9 +828,21 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
 .cnc-justify-between {
   justify-content: space-between;
 }
+.cnc-gap-0\.5 {
+  gap: 0.125rem;
+}
+.cnc-gap-1 {
+  gap: 0.25rem;
+}
+.cnc-gap-1\.5 {
+  gap: 0.375rem;
+}
 .cnc-gap-2 {
   gap: 0.5rem;
 }
+.cnc-gap-3 {
+  gap: 0.75rem;
+}
 .cnc-gap-4 {
   gap: 1rem;
 }
@@ -724,6 +879,12 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
 .cnc-whitespace-nowrap {
   white-space: nowrap;
 }
+.cnc-rounded {
+  border-radius: 0.25rem;
+}
+.cnc-rounded-2xl {
+  border-radius: 1rem;
+}
 .cnc-rounded-full {
   border-radius: 9999px;
 }
@@ -736,6 +897,9 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
 .cnc-rounded-sm {
   border-radius: 0.125rem;
 }
+.cnc-rounded-xl {
+  border-radius: 0.75rem;
+}
 .cnc-rounded-tl-sm {
   border-top-left-radius: 0.125rem;
 }
@@ -745,6 +909,9 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
 .cnc-border {
   border-width: 1px;
 }
+.cnc-border-0 {
+  border-width: 0px;
+}
 .cnc-border-2 {
   border-width: 2px;
 }
@@ -760,6 +927,9 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
 .cnc-border-l-2 {
   border-left-width: 2px;
 }
+.cnc-border-l-\[3px\] {
+  border-left-width: 3px;
+}
 .cnc-border-r {
   border-right-width: 1px;
 }
@@ -780,6 +950,10 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
   --tw-border-opacity: 1;
   border-color: rgb(229 237 255 / var(--tw-border-opacity, 1));
 }
+.cnc-border-brand-gray-100 {
+  --tw-border-opacity: 1;
+  border-color: rgb(210 210 210 / var(--tw-border-opacity, 1));
+}
 .cnc-border-brand-gray-50 {
   --tw-border-opacity: 1;
   border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
@@ -799,6 +973,21 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
 .cnc-border-input {
   border-color: hsl(var(--input));
 }
+.cnc-border-red-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
+}
+.cnc-border-white {
+  --tw-border-opacity: 1;
+  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
+}
+.cnc-border-l-brand-blue-400 {
+  --tw-border-opacity: 1;
+  border-left-color: rgb(1 48 164 / var(--tw-border-opacity, 1));
+}
+.cnc-border-l-transparent {
+  border-left-color: transparent;
+}
 .cnc-bg-\[\#00000005\] {
   background-color: #00000005;
 }
@@ -832,6 +1021,10 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
   --tw-bg-opacity: 1;
   background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
 }
+.cnc-bg-brand-gray-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(210 210 210 / var(--tw-bg-opacity, 1));
+}
 .cnc-bg-brand-gray-20 {
   --tw-bg-opacity: 1;
   background-color: rgb(227 227 227 / var(--tw-bg-opacity, 1));
@@ -886,6 +1079,9 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
 .cnc-p-1 {
   padding: 0.25rem;
 }
+.cnc-p-3 {
+  padding: 0.75rem;
+}
 .cnc-p-4 {
   padding: 1rem;
 }
@@ -895,6 +1091,10 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
 .cnc-p-6 {
   padding: 1.5rem;
 }
+.cnc-px-1 {
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
+}
 .cnc-px-2 {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
@@ -931,6 +1131,14 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
   padding-top: 0.375rem;
   padding-bottom: 0.375rem;
 }
+.cnc-py-12 {
+  padding-top: 3rem;
+  padding-bottom: 3rem;
+}
+.cnc-py-16 {
+  padding-top: 4rem;
+  padding-bottom: 4rem;
+}
 .cnc-py-2 {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
@@ -958,21 +1166,36 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
 .cnc-pb-4 {
   padding-bottom: 1rem;
 }
+.cnc-pl-3 {
+  padding-left: 0.75rem;
+}
 .cnc-pl-8 {
   padding-left: 2rem;
 }
 .cnc-pr-2 {
   padding-right: 0.5rem;
 }
+.cnc-pr-3 {
+  padding-right: 0.75rem;
+}
+.cnc-pr-4 {
+  padding-right: 1rem;
+}
 .cnc-pr-8 {
   padding-right: 2rem;
 }
+.cnc-pt-2 {
+  padding-top: 0.5rem;
+}
 .cnc-pt-4 {
   padding-top: 1rem;
 }
 .cnc-pt-6 {
   padding-top: 1.5rem;
 }
+.cnc-text-left {
+  text-align: left;
+}
 .cnc-text-center {
   text-align: center;
 }
@@ -986,6 +1209,18 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
   font-size: 1.5rem;
   line-height: 2rem;
 }
+.cnc-text-\[10px\] {
+  font-size: 10px;
+}
+.cnc-text-\[11px\] {
+  font-size: 11px;
+}
+.cnc-text-\[18px\] {
+  font-size: 18px;
+}
+.cnc-text-\[22px\] {
+  font-size: 22px;
+}
 .cnc-text-\[24px\] {
   font-size: 24px;
 }
@@ -1026,6 +1261,12 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
 .cnc-leading-none {
   line-height: 1;
 }
+.cnc-leading-relaxed {
+  line-height: 1.625;
+}
+.cnc-leading-tight {
+  line-height: 1.25;
+}
 .cnc-tracking-tight {
   letter-spacing: -0.025em;
 }
@@ -1040,6 +1281,10 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
   --tw-text-opacity: 1;
   color: rgb(0 0 0 / var(--tw-text-opacity, 1));
 }
+.cnc-text-brand-blue-100 {
+  --tw-text-opacity: 1;
+  color: rgb(0 76 153 / var(--tw-text-opacity, 1));
+}
 .cnc-text-brand-blue-400 {
   --tw-text-opacity: 1;
   color: rgb(1 48 164 / var(--tw-text-opacity, 1));
@@ -1078,10 +1323,17 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
 .cnc-text-popover-foreground {
   color: hsl(var(--popover-foreground));
 }
+.cnc-text-red-500 {
+  --tw-text-opacity: 1;
+  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
+}
 .cnc-text-white {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
+.cnc-no-underline {
+  text-decoration-line: none;
+}
 .cnc-opacity-0 {
   opacity: 0;
 }
@@ -1105,6 +1357,22 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
     var(--tw-ring-shadow, 0 0 #0000),
     var(--tw-shadow);
 }
+.cnc-shadow-\[0_8px_30px_rgb\(0\,0\,0\,0\.12\)\] {
+  --tw-shadow: 0 8px 30px rgb(0,0,0,0.12);
+  --tw-shadow-colored: 0 8px 30px var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000),
+    var(--tw-ring-shadow, 0 0 #0000),
+    var(--tw-shadow);
+}
+.cnc-shadow-custom {
+  --tw-shadow: 0px 2px 8px 0px rgba(99, 99, 99, 0.2);
+  --tw-shadow-colored: 0px 2px 8px 0px var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000),
+    var(--tw-ring-shadow, 0 0 #0000),
+    var(--tw-shadow);
+}
 .cnc-shadow-lg {
   --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
@@ -1133,6 +1401,18 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
+.cnc-ring-\[3px\] {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow),
+    var(--tw-ring-shadow),
+    var(--tw-shadow, 0 0 #0000);
+}
+.cnc-ring-brand-blue-50 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(247 250 255 / var(--tw-ring-opacity, 1));
+}
 .cnc-transition {
   transition-property:
     color,
@@ -1246,6 +1526,18 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
     height: 0;
   }
 }
+.cnc-filter-field {
+  width: var(--cnc-filter-field-w, 25%);
+}
+@media (max-width: 768px) {
+  .cnc-filter-field {
+    width: 100%;
+  }
+  .cnc-filter-actions {
+    width: 100%;
+    justify-content: flex-end;
+  }
+}
 .file\:cnc-border-0::file-selector-button {
   border-width: 0px;
 }
@@ -1265,6 +1557,9 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
 .placeholder\:cnc-text-muted-foreground::placeholder {
   color: hsl(var(--muted-foreground));
 }
+.last\:cnc-border-b-0:last-child {
+  border-bottom-width: 0px;
+}
 .hover\:cnc-bg-brand-blue-400\/90:hover {
   background-color: rgb(1 48 164 / 0.9);
 }
@@ -1272,6 +1567,10 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
   --tw-bg-opacity: 1;
   background-color: rgb(247 250 255 / var(--tw-bg-opacity, 1));
 }
+.hover\:cnc-bg-brand-blue-60:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(229 237 255 / var(--tw-bg-opacity, 1));
+}
 .hover\:cnc-bg-brand-gray-10:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
@@ -1293,6 +1592,10 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
   --tw-bg-opacity: 1;
   background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
 }
+.hover\:cnc-bg-white:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+}
 .hover\:cnc-text-accent-foreground:hover {
   color: hsl(var(--accent-foreground));
 }
@@ -1300,10 +1603,25 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
   --tw-text-opacity: 1;
   color: rgb(37 99 235 / var(--tw-text-opacity, 1));
 }
+.hover\:cnc-text-brand-blue-400:hover {
+  --tw-text-opacity: 1;
+  color: rgb(1 48 164 / var(--tw-text-opacity, 1));
+}
+.hover\:cnc-text-brand-blue-600:hover {
+  --tw-text-opacity: 1;
+  color: rgb(31 44 77 / var(--tw-text-opacity, 1));
+}
+.hover\:cnc-text-brand-red-600:hover {
+  --tw-text-opacity: 1;
+  color: rgb(207 66 66 / var(--tw-text-opacity, 1));
+}
 .hover\:cnc-text-white:hover {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
+.hover\:cnc-underline:hover {
+  text-decoration-line: underline;
+}
 .hover\:cnc-opacity-100:hover {
   opacity: 1;
 }
@@ -1351,6 +1669,9 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
     var(--tw-ring-shadow),
     var(--tw-shadow, 0 0 #0000);
 }
+.focus-visible\:cnc-ring-inset:focus-visible {
+  --tw-ring-inset: inset;
+}
 .focus-visible\:cnc-ring-brand-gray-500\/50:focus-visible {
   --tw-ring-color: rgb(3 40 132 / 0.5);
 }
@@ -1411,6 +1732,10 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
 .data-\[state\=open\]\:cnc-bg-accent[data-state=open] {
   background-color: hsl(var(--accent));
 }
+.data-\[state\=open\]\:cnc-bg-brand-blue-60[data-state=open] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(229 237 255 / var(--tw-bg-opacity, 1));
+}
 .data-\[type\=secondary\]\:cnc-py-0[data-type=secondary] {
   padding-top: 0px;
   padding-bottom: 0px;