sellmate-design-system-react 9.0.0-beta.4 → 9.0.0-beta.40

package/dist/styles.css

@@ -44,6 +44,7 @@
     --font-weight-extrabold: 800;
     --font-weight-black: 900;
     --tracking-wider: 0.05em;
+    --leading-relaxed: 1.625;
     --radius-md: 0.375rem;
     --radius-lg: 0.5rem;
     --ease-in: cubic-bezier(0.4, 0, 1, 1);
@@ -117,10 +118,10 @@
     --color-olive-95: #2C2C00;
     --color-olive-05: #FEFED9;
     --color-green-15: #E8F9EF;
-    --color-green-25: #D4FAE3;
-    --color-green-45: #ACF4C9;
-    --color-green-55: #6DE39C;
-    --color-green-65: #2BCE6C;
+    --color-green-25: #D8F2E2;
+    --color-green-45: #AEEAC7;
+    --color-green-55: #84DEA8;
+    --color-green-65: #4CC77D;
     --color-green-70: #12B553;
     --color-green-75: #00973C;
     --color-green-80: #007B31;
@@ -248,6 +249,7 @@
     --color-field-icon-default: #888888;
     --color-control-bg-inverseHover: #0075FF;
     --color-navigation-gnb-bg-dark: #001B39;
+    --color-navigation-gnb-bg-system: #004177;
     --color-primary-10: #EFF6FF;
     --color-primary-20: #E6F1FF;
     --color-primary-25: #D9EAFF;
@@ -277,10 +279,10 @@
     --color-danger-strong: #FB4444;
     --color-danger-subtle: #FCEFEF;
     --color-success-15: #E8F9EF;
-    --color-success-25: #D4FAE3;
-    --color-success-45: #ACF4C9;
-    --color-success-55: #6DE39C;
-    --color-success-65: #2BCE6C;
+    --color-success-25: #D8F2E2;
+    --color-success-45: #AEEAC7;
+    --color-success-55: #84DEA8;
+    --color-success-65: #4CC77D;
     --color-success-70: #12B553;
     --color-success-75: #00973C;
     --color-success-80: #007B31;
@@ -353,6 +355,7 @@
     --font-weight-regular: 400;
     --font-base: Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;
     --border-width-1: 1px;
+    --border-width-2: 2px;
     --border-width-4: 4px;
     --border-width-6: 6px;
     --border-width-control-default: 1px;
@@ -360,18 +363,19 @@
     --border-width-navigation-default: 1px;
     --border-width-item-default: 1px;
     --opacity-005: 5%;
+    --opacity-008: 8%;
     --opacity-040: 40%;
     --opacity-060: 60%;
     --z-raised: 1;
-    --shadow-normal-xs: 0px 0px 16px -4px rgba(34,34,34,0.12), 2px 4px 6px -2px rgba(34,34,34,0.1);
-    --shadow-normal-sm: 0px 0px 24px -6px rgba(34,34,34,0.12), 4px 8px 16px -4px rgba(34,34,34,0.1);
-    --shadow-normal-md: 0px 8px 36px -6px rgba(34,34,34,0.16), 4px 12px 16px -4px rgba(34,34,34,0.12);
+    --shadow-normal-xs: 0px 0px 16px -4px rgba(34,34,34,0.12), 2px 2px 6px -2px rgba(34,34,34,0.16);
+    --shadow-normal-sm: 0px 0px 24px -6px rgba(34,34,34,0.12), 4px 4px 16px -4px rgba(34,34,34,0.2);
+    --shadow-normal-md: 0px 8px 36px -6px rgba(34,34,34,0.16), 4px 8px 12px -4px rgba(34,34,34,0.16);
     --shadow-spread-sm: 0px 0px 8px 0px rgba(34,34,34,0.1);
     --shadow-spread-md: 0px 0px 24px 0px rgba(34,34,34,0.2);
     --shadow-focus: 0px 0px 8px 0px rgba(0,117,255,0.25);
-    --shadow-overlay: 0px 0px 16px -4px rgba(34,34,34,0.12), 2px 4px 6px -2px rgba(34,34,34,0.1);
-    --shadow-floating: 0px 0px 24px -6px rgba(34,34,34,0.12), 4px 8px 16px -4px rgba(34,34,34,0.1);
-    --shadow-dialog: 0px 8px 36px -6px rgba(34,34,34,0.16), 4px 12px 16px -4px rgba(34,34,34,0.12);
+    --shadow-overlay: 0px 0px 16px -4px rgba(34,34,34,0.12), 2px 2px 6px -2px rgba(34,34,34,0.16);
+    --shadow-floating: 0px 0px 24px -6px rgba(34,34,34,0.12), 4px 4px 16px -4px rgba(34,34,34,0.2);
+    --shadow-dialog: 0px 8px 36px -6px rgba(34,34,34,0.16), 4px 8px 12px -4px rgba(34,34,34,0.16);
     --animate-linear-indeterminate: linear-indeterminate 1.2s linear infinite;
     --animate-circle-spin: circle-spin 2s linear infinite;
     --animate-circle-arc: circle-arc 1.5s ease-in-out infinite;
@@ -584,12 +588,18 @@
   .inset-0 {
     inset: 0;
   }
+  .inset-\[1px\] {
+    inset: 1px;
+  }
   .inset-x-0 {
     inset-inline: 0;
   }
   .inset-y-0 {
     inset-block: 0;
   }
+  .-top-\[9999px\] {
+    top: calc(9999px * -1);
+  }
   .top-0 {
     top: 0;
   }
@@ -602,6 +612,9 @@
   .top-\[12px\] {
     top: 12px;
   }
+  .top-\[13px\] {
+    top: 13px;
+  }
   .top-\[15px\] {
     top: 15px;
   }
@@ -632,6 +645,9 @@
   .right-1\/2 {
     right: calc(1 / 2 * 100%);
   }
+  .right-\[2px\] {
+    right: 2px;
+  }
   .right-\[10px\] {
     right: 10px;
   }
@@ -650,8 +666,8 @@
   .bottom-\[-1px\] {
     bottom: -1px;
   }
-  .bottom-sd-80 {
-    bottom: var(--spacing-sd-80);
+  .bottom-\[2px\] {
+    bottom: 2px;
   }
   .left-0 {
     left: 0;
@@ -704,6 +720,9 @@
   .z-\[60\] {
     z-index: 60;
   }
+  .z-\[100\] {
+    z-index: 100;
+  }
   .z-\[9000\] {
     z-index: 9000;
   }
@@ -743,12 +762,33 @@
   .mx-3 {
     margin-inline: calc(var(--spacing) * 3);
   }
+  .mx-\[4px\] {
+    margin-inline: 4px;
+  }
   .mx-\[calc\(12px-var\(--cmp-chipFilter-chip-group\)\)\] {
     margin-inline: calc(12px - var(--cmp-chipFilter-chip-group));
   }
+  .my-\[4px\] {
+    margin-block: 4px;
+  }
+  .my-\[6px\] {
+    margin-block: 6px;
+  }
   .my-auto {
     margin-block: auto;
   }
+  .my-sd-8 {
+    margin-block: var(--spacing-sd-8);
+  }
+  .ms-\[6px\] {
+    margin-inline-start: 6px;
+  }
+  .me-\(--cmp-calendarBoard-eventButton-label-gap\) {
+    margin-inline-end: var(--cmp-calendarBoard-eventButton-label-gap);
+  }
+  .me-\[4px\] {
+    margin-inline-end: 4px;
+  }
   .-mt-8 {
     margin-top: calc(var(--spacing) * -8);
   }
@@ -761,6 +801,12 @@
   .mt-\(--cmp-field-contents-gap\) {
     margin-top: var(--cmp-field-contents-gap);
   }
+  .mt-1 {
+    margin-top: var(--spacing);
+  }
+  .mt-3 {
+    margin-top: calc(var(--spacing) * 3);
+  }
   .mt-8 {
     margin-top: calc(var(--spacing) * 8);
   }
@@ -770,6 +816,9 @@
   .mt-\[2px\] {
     margin-top: 2px;
   }
+  .mt-\[6px\] {
+    margin-top: 6px;
+  }
   .mt-\[8px\] {
     margin-top: 8px;
   }
@@ -779,9 +828,15 @@
   .mt-\[var\(--cmp-guide-contents-gap\)\] {
     margin-top: var(--cmp-guide-contents-gap);
   }
+  .mt-auto {
+    margin-top: auto;
+  }
   .mt-sd-2 {
     margin-top: var(--spacing-sd-2);
   }
+  .mt-sd-4 {
+    margin-top: var(--spacing-sd-4);
+  }
   .mt-sd-8 {
     margin-top: var(--spacing-sd-8);
   }
@@ -800,15 +855,24 @@
   .-mr-px {
     margin-right: -1px;
   }
+  .mr-\[6px\] {
+    margin-right: 6px;
+  }
   .mr-\[8px\] {
     margin-right: 8px;
   }
+  .mr-sd-4 {
+    margin-right: var(--spacing-sd-4);
+  }
   .mb-3 {
     margin-bottom: calc(var(--spacing) * 3);
   }
   .mb-\[24px\] {
     margin-bottom: 24px;
   }
+  .mb-auto {
+    margin-bottom: auto;
+  }
   .mb-sd-8 {
     margin-bottom: var(--spacing-sd-8);
   }
@@ -824,6 +888,9 @@
   .ml-auto {
     margin-left: auto;
   }
+  .ml-sd-8 {
+    margin-left: var(--spacing-sd-8);
+  }
   .box-border {
     box-sizing: border-box;
   }
@@ -857,6 +924,10 @@
   .table {
     display: table;
   }
+  .size-\(--cmp-calendarBoard-daySequence-size\) {
+    width: var(--cmp-calendarBoard-daySequence-size);
+    height: var(--cmp-calendarBoard-daySequence-size);
+  }
   .size-\(--cmp-tree-item-arrow-icon\) {
     width: var(--cmp-tree-item-arrow-icon);
     height: var(--cmp-tree-item-arrow-icon);
@@ -873,9 +944,21 @@
     width: 100%;
     height: 100%;
   }
+  .h-\(--cmp-calendarBoard-item-height\) {
+    height: var(--cmp-calendarBoard-item-height);
+  }
+  .h-\(--cmp-gnb-top-height\) {
+    height: var(--cmp-gnb-top-height);
+  }
   .h-\(--cmp-pageHeader-bar-height\) {
     height: var(--cmp-pageHeader-bar-height);
   }
+  .h-\(--cmp-radio-dot-size\) {
+    height: var(--cmp-radio-dot-size);
+  }
+  .h-\(--cmp-radio-size\) {
+    height: var(--cmp-radio-size);
+  }
   .h-\(--cmp-sectionHeaderCard-topBorder-thickness\) {
     height: var(--cmp-sectionHeaderCard-topBorder-thickness);
   }
@@ -888,14 +971,29 @@
   .h-11 {
     height: calc(var(--spacing) * 11);
   }
+  .h-16 {
+    height: calc(var(--spacing) * 16);
+  }
   .h-48 {
     height: calc(var(--spacing) * 48);
   }
+  .h-\[1px\] {
+    height: 1px;
+  }
   .h-\[2px\] {
     height: 2px;
   }
-  .h-\[10px\] {
-    height: 10px;
+  .h-\[3px\] {
+    height: 3px;
+  }
+  .h-\[8px\] {
+    height: 8px;
+  }
+  .h-\[12px\] {
+    height: 12px;
+  }
+  .h-\[15px\] {
+    height: 15px;
   }
   .h-\[16px\] {
     height: 16px;
@@ -915,9 +1013,6 @@
   .h-\[32px\] {
     height: 32px;
   }
-  .h-\[40px\] {
-    height: 40px;
-  }
   .h-\[48px\] {
     height: 48px;
   }
@@ -927,12 +1022,27 @@
   .h-\[56px\] {
     height: 56px;
   }
+  .h-\[72px\] {
+    height: 72px;
+  }
   .h-\[80vh\] {
     height: 80vh;
   }
+  .h-\[96px\] {
+    height: 96px;
+  }
+  .h-\[104px\] {
+    height: 104px;
+  }
+  .h-\[124px\] {
+    height: 124px;
+  }
   .h-\[140px\] {
     height: 140px;
   }
+  .h-\[180px\] {
+    height: 180px;
+  }
   .h-\[200px\] {
     height: 200px;
   }
@@ -954,12 +1064,21 @@
   .h-\[364px\] {
     height: 364px;
   }
+  .h-\[380px\] {
+    height: 380px;
+  }
   .h-\[420px\] {
     height: 420px;
   }
+  .h-\[520px\] {
+    height: 520px;
+  }
   .h-\[600px\] {
     height: 600px;
   }
+  .h-\[640px\] {
+    height: 640px;
+  }
   .h-\[var\(--cmp-checkbox-size\)\] {
     height: var(--cmp-checkbox-size);
   }
@@ -972,9 +1091,6 @@
   .h-\[var\(--cmp-datepicker-calendar-day-dot-size\)\] {
     height: var(--cmp-datepicker-calendar-day-dot-size);
   }
-  .h-\[var\(--cmp-datepicker-calendar-header-divider-height\)\] {
-    height: var(--cmp-datepicker-calendar-header-divider-height);
-  }
   .h-\[var\(--cmp-datepicker-calendar-range-height\)\] {
     height: var(--cmp-datepicker-calendar-range-height);
   }
@@ -1005,6 +1121,9 @@
   .h-\[var\(--sys-size-control-md-height\)\] {
     height: var(--sys-size-control-md-height);
   }
+  .h-\[var\(--x\)\] {
+    height: var(--x);
+  }
   .h-auto {
     height: auto;
   }
@@ -1023,17 +1142,26 @@
   .h-sd-8 {
     height: var(--spacing-sd-8);
   }
+  .h-sd-16 {
+    height: var(--spacing-sd-16);
+  }
+  .h-sd-20 {
+    height: var(--spacing-sd-20);
+  }
+  .h-sd-32 {
+    height: var(--spacing-sd-32);
+  }
   .h-sd-48 {
     height: var(--spacing-sd-48);
   }
-  .max-h-\[85dvh\] {
-    max-height: 85dvh;
+  .max-h-\[480px\] {
+    max-height: 480px;
   }
-  .max-h-\[220px\] {
-    max-height: 220px;
+  .max-h-\[calc\(100dvh-48px\)\] {
+    max-height: calc(100dvh - 48px);
   }
-  .max-h-\[240px\] {
-    max-height: 240px;
+  .min-h-\(--cmp-calendarBoard-dayCard-minHeight\) {
+    min-height: var(--cmp-calendarBoard-dayCard-minHeight);
   }
   .min-h-\(--cmp-chipInput-md-minHeight\) {
     min-height: var(--cmp-chipInput-md-minHeight);
@@ -1053,26 +1181,23 @@
   .min-h-\[28px\] {
     min-height: 28px;
   }
-  .min-h-\[32px\] {
-    min-height: 32px;
-  }
   .min-h-\[40px\] {
     min-height: 40px;
   }
-  .min-h-\[52px\] {
-    min-height: 52px;
-  }
   .min-h-\[60px\] {
     min-height: 60px;
   }
+  .min-h-\[80px\] {
+    min-height: 80px;
+  }
   .min-h-\[328px\] {
     min-height: 328px;
   }
   .min-h-\[364px\] {
     min-height: 364px;
   }
-  .min-h-\[min\(320px\,85dvh\)\] {
-    min-height: min(320px, 85dvh);
+  .min-h-\[min\(320px\,calc\(100dvh-48px\)\)\] {
+    min-height: min(320px, calc(100dvh - 48px));
   }
   .min-h-\[var\(--cmp-datepicker-calendar-day-circle-size\)\] {
     min-height: var(--cmp-datepicker-calendar-day-circle-size);
@@ -1089,23 +1214,41 @@
   .w-\(--cmp-listItem-accentStripe-width\) {
     width: var(--cmp-listItem-accentStripe-width);
   }
+  .w-\(--cmp-radio-dot-size\) {
+    width: var(--cmp-radio-dot-size);
+  }
+  .w-\(--cmp-radio-size\) {
+    width: var(--cmp-radio-size);
+  }
   .w-\(--cmp-splitter-border-width\) {
     width: var(--cmp-splitter-border-width);
   }
   .w-11 {
     width: calc(var(--spacing) * 11);
   }
+  .w-60 {
+    width: calc(var(--spacing) * 60);
+  }
   .w-64 {
     width: calc(var(--spacing) * 64);
   }
+  .w-80 {
+    width: calc(var(--spacing) * 80);
+  }
+  .w-\[1px\] {
+    width: 1px;
+  }
   .w-\[4px\] {
     width: 4px;
   }
+  .w-\[8px\] {
+    width: 8px;
+  }
   .w-\[9px\] {
     width: 9px;
   }
-  .w-\[10px\] {
-    width: 10px;
+  .w-\[12px\] {
+    width: 12px;
   }
   .w-\[14px\] {
     width: 14px;
@@ -1128,15 +1271,30 @@
   .w-\[40px\] {
     width: 40px;
   }
+  .w-\[48px\] {
+    width: 48px;
+  }
   .w-\[61px\] {
     width: 61px;
   }
+  .w-\[176px\] {
+    width: 176px;
+  }
+  .w-\[180px\] {
+    width: 180px;
+  }
   .w-\[200px\] {
     width: 200px;
   }
+  .w-\[214px\] {
+    width: 214px;
+  }
   .w-\[220px\] {
     width: 220px;
   }
+  .w-\[240px\] {
+    width: 240px;
+  }
   .w-\[280px\] {
     width: 280px;
   }
@@ -1161,15 +1319,24 @@
   .w-\[528px\] {
     width: 528px;
   }
+  .w-\[560px\] {
+    width: 560px;
+  }
   .w-\[600px\] {
     width: 600px;
   }
+  .w-\[640px\] {
+    width: 640px;
+  }
   .w-\[680px\] {
     width: 680px;
   }
   .w-\[720px\] {
     width: 720px;
   }
+  .w-\[760px\] {
+    width: 760px;
+  }
   .w-\[1000px\] {
     width: 1000px;
   }
@@ -1206,6 +1373,9 @@
   .w-\[var\(--sys-size-control-md-height\)\] {
     width: var(--sys-size-control-md-height);
   }
+  .w-auto {
+    width: auto;
+  }
   .w-fit {
     width: fit-content;
   }
@@ -1236,6 +1406,9 @@
   .max-w-\[calc\(100dvw-48px\)\] {
     max-width: calc(100dvw - 48px);
   }
+  .max-w-\[calc\(100vw-32px\)\] {
+    max-width: calc(100vw - 32px);
+  }
   .max-w-\[var\(--radix-dropdown-menu-content-available-width\)\] {
     max-width: var(--radix-dropdown-menu-content-available-width);
   }
@@ -1248,6 +1421,9 @@
   .max-w-md {
     max-width: var(--container-md);
   }
+  .min-w-\(--cmp-calendarBoard-dayCard-minWidth\) {
+    min-width: var(--cmp-calendarBoard-dayCard-minWidth);
+  }
   .min-w-0 {
     min-width: 0;
   }
@@ -1260,6 +1436,15 @@
   .min-w-\[40px\] {
     min-width: 40px;
   }
+  .min-w-\[48px\] {
+    min-width: 48px;
+  }
+  .min-w-\[72px\] {
+    min-width: 72px;
+  }
+  .min-w-\[100px\] {
+    min-width: 100px;
+  }
   .min-w-\[160px\] {
     min-width: 160px;
   }
@@ -1350,6 +1535,30 @@
     --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .scale-\[0\.3\] {
+    scale: 0.3;
+  }
+  .scale-\[0\.4\] {
+    scale: 0.4;
+  }
+  .scale-\[0\.5\] {
+    scale: 0.5;
+  }
+  .scale-\[0\.6\] {
+    scale: 0.6;
+  }
+  .scale-\[0\.22\] {
+    scale: 0.22;
+  }
+  .scale-\[0\.42\] {
+    scale: 0.42;
+  }
+  .scale-\[0\.62\] {
+    scale: 0.62;
+  }
+  .scale-\[0\.72\] {
+    scale: 0.72;
+  }
   .-rotate-90 {
     rotate: calc(90deg * -1);
   }
@@ -1404,24 +1613,39 @@
   .resize {
     resize: both;
   }
+  .resize-none {
+    resize: none;
+  }
   .resize-y {
     resize: vertical;
   }
+  .scroll-mt-sd-24 {
+    scroll-margin-top: var(--spacing-sd-24);
+  }
   .\[scrollbar-width\:none\] {
     scrollbar-width: none;
   }
   .list-none {
     list-style-type: none;
   }
+  .grid-cols-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
   .grid-cols-7 {
     grid-template-columns: repeat(7, minmax(0, 1fr));
   }
   .grid-cols-\[200px_1fr\] {
     grid-template-columns: 200px 1fr;
   }
+  .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
+    grid-template-columns: minmax(0,1fr) minmax(0,1fr);
+  }
   .grid-cols-\[repeat\(7\,var\(--cmp-datepicker-calendar-day-width\)\)\] {
     grid-template-columns: repeat(7,var(--cmp-datepicker-calendar-day-width));
   }
+  .grid-cols-\[repeat\(auto-fill\,minmax\(200px\,1fr\)\)\] {
+    grid-template-columns: repeat(auto-fill,minmax(200px,1fr));
+  }
   .grid-rows-\[0fr\] {
     grid-template-rows: 0fr;
   }
@@ -1437,6 +1661,9 @@
   .flex-row {
     flex-direction: row;
   }
+  .flex-nowrap {
+    flex-wrap: nowrap;
+  }
   .flex-wrap {
     flex-wrap: wrap;
   }
@@ -1446,6 +1673,9 @@
   .items-center {
     align-items: center;
   }
+  .items-end {
+    align-items: flex-end;
+  }
   .items-start {
     align-items: flex-start;
   }
@@ -1470,12 +1700,39 @@
   .\!gap-12 {
     gap: calc(var(--spacing) * 12) !important;
   }
+  .gap-\(--cmp-calendarBoard-dayCard-grid-gap\) {
+    gap: var(--cmp-calendarBoard-dayCard-grid-gap);
+  }
+  .gap-\(--cmp-calendarBoard-dayEvent-body-gap\) {
+    gap: var(--cmp-calendarBoard-dayEvent-body-gap);
+  }
+  .gap-\(--cmp-calendarBoard-dayEvent-header-gap\) {
+    gap: var(--cmp-calendarBoard-dayEvent-header-gap);
+  }
+  .gap-\(--cmp-calendarBoard-eventButton-inline-gap\) {
+    gap: var(--cmp-calendarBoard-eventButton-inline-gap);
+  }
+  .gap-\(--cmp-calendarBoard-eventButton-label-gap\) {
+    gap: var(--cmp-calendarBoard-eventButton-label-gap);
+  }
+  .gap-\(--cmp-calendarBoard-header-content-gap\) {
+    gap: var(--cmp-calendarBoard-header-content-gap);
+  }
+  .gap-\(--cmp-calendarBoard-header-gap\) {
+    gap: var(--cmp-calendarBoard-header-gap);
+  }
+  .gap-\(--cmp-calendarBoard-moreButton-gap\) {
+    gap: var(--cmp-calendarBoard-moreButton-gap);
+  }
   .gap-\(--cmp-chipInput-chip-gap\) {
     gap: var(--cmp-chipInput-chip-gap);
   }
   .gap-\(--cmp-field-addonLabel-gap\) {
     gap: var(--cmp-field-addonLabel-gap);
   }
+  .gap-\(--cmp-gnb-system-panel-gap\) {
+    gap: var(--cmp-gnb-system-panel-gap);
+  }
   .gap-\(--cmp-list-group-gap\) {
     gap: var(--cmp-list-group-gap);
   }
@@ -1494,6 +1751,15 @@
   .gap-\(--cmp-pageHeader-plain-title-gap\) {
     gap: var(--cmp-pageHeader-plain-title-gap);
   }
+  .gap-\(--cmp-radio-gap\) {
+    gap: var(--cmp-radio-gap);
+  }
+  .gap-\(--cmp-radioCard-gap\) {
+    gap: var(--cmp-radioCard-gap);
+  }
+  .gap-\(--cmp-radioCard-group-gap\) {
+    gap: var(--cmp-radioCard-group-gap);
+  }
   .gap-\(--cmp-sectionHeaderCard-header-gap\) {
     gap: var(--cmp-sectionHeaderCard-header-gap);
   }
@@ -1512,6 +1778,9 @@
   .gap-4 {
     gap: calc(var(--spacing) * 4);
   }
+  .gap-6 {
+    gap: calc(var(--spacing) * 6);
+  }
   .gap-8 {
     gap: calc(var(--spacing) * 8);
   }
@@ -1521,6 +1790,9 @@
   .gap-13 {
     gap: calc(var(--spacing) * 13);
   }
+  .gap-\[1px\] {
+    gap: 1px;
+  }
   .gap-\[2px\] {
     gap: 2px;
   }
@@ -1557,6 +1829,15 @@
   .gap-\[40px\] {
     gap: 40px;
   }
+  .gap-\[48px\] {
+    gap: 48px;
+  }
+  .gap-\[200px\] {
+    gap: 200px;
+  }
+  .gap-\[320px\] {
+    gap: 320px;
+  }
   .gap-\[var\(--\.\.\.\)\] {
     gap: var(--...);
   }
@@ -1692,6 +1973,9 @@
   .gap-\[var\(--토큰명\)\] {
     gap: var(--토큰명);
   }
+  .gap-px {
+    gap: 1px;
+  }
   .gap-sd-2 {
     gap: var(--spacing-sd-2);
   }
@@ -1710,6 +1994,9 @@
   .gap-sd-24 {
     gap: var(--spacing-sd-24);
   }
+  .gap-sd-32 {
+    gap: var(--spacing-sd-32);
+  }
   .space-y-4 {
     :where(& > :not(:last-child)) {
       --tw-space-y-reverse: 0;
@@ -1750,6 +2037,9 @@
   .overflow-auto {
     overflow: auto;
   }
+  .overflow-clip {
+    overflow: clip;
+  }
   .overflow-hidden {
     overflow: hidden;
   }
@@ -1774,6 +2064,21 @@
   .rounded {
     border-radius: 0.25rem;
   }
+  .rounded-\(--cmp-calendarBoard-dayCard-focus-border-radius\) {
+    border-radius: var(--cmp-calendarBoard-dayCard-focus-border-radius);
+  }
+  .rounded-\(--cmp-calendarBoard-daySequence-radius\) {
+    border-radius: var(--cmp-calendarBoard-daySequence-radius);
+  }
+  .rounded-\(--cmp-calendarBoard-item-radius\) {
+    border-radius: var(--cmp-calendarBoard-item-radius);
+  }
+  .rounded-\(--cmp-calendarBoard-radius\) {
+    border-radius: var(--cmp-calendarBoard-radius);
+  }
+  .rounded-\(--cmp-gnb-system-accountListBox-radius\) {
+    border-radius: var(--cmp-gnb-system-accountListBox-radius);
+  }
   .rounded-\(--cmp-listBox-radius\) {
     border-radius: var(--cmp-listBox-radius);
   }
@@ -1783,12 +2088,27 @@
   .rounded-\(--cmp-listItem-radius-bordered\) {
     border-radius: var(--cmp-listItem-radius-bordered);
   }
+  .rounded-\(--cmp-radio-radius\) {
+    border-radius: var(--cmp-radio-radius);
+  }
+  .rounded-\(--cmp-radioCard-radius\) {
+    border-radius: var(--cmp-radioCard-radius);
+  }
+  .rounded-\(--radius-8\) {
+    border-radius: var(--radius-8);
+  }
   .rounded-8 {
     border-radius: var(--radius-8);
   }
+  .rounded-\[1px\] {
+    border-radius: 1px;
+  }
   .rounded-\[2px\] {
     border-radius: 2px;
   }
+  .rounded-\[3px\] {
+    border-radius: 3px;
+  }
   .rounded-\[4px\] {
     border-radius: 4px;
   }
@@ -1877,10 +2197,6 @@
     border-top-left-radius: 4px;
     border-bottom-left-radius: 4px;
   }
-  .rounded-l-\[var\(--cmp-radioButton-radius\)\] {
-    border-top-left-radius: var(--cmp-radioButton-radius);
-    border-bottom-left-radius: var(--cmp-radioButton-radius);
-  }
   .rounded-l-\[var\(--cmp-select-sm-radius\)\] {
     border-top-left-radius: var(--cmp-select-sm-radius);
     border-bottom-left-radius: var(--cmp-select-sm-radius);
@@ -1896,10 +2212,6 @@
     border-top-right-radius: 4px;
     border-bottom-right-radius: 4px;
   }
-  .rounded-r-\[var\(--cmp-radioButton-radius\)\] {
-    border-top-right-radius: var(--cmp-radioButton-radius);
-    border-bottom-right-radius: var(--cmp-radioButton-radius);
-  }
   .rounded-r-\[var\(--cmp-select-sm-radius\)\] {
     border-top-right-radius: var(--cmp-select-sm-radius);
     border-bottom-right-radius: var(--cmp-select-sm-radius);
@@ -1929,6 +2241,18 @@
     border-style: var(--tw-border-style);
     border-width: 1px;
   }
+  .border-\(length\:--cmp-calendarBoard-dayCard-focus-border-width\) {
+    border-style: var(--tw-border-style);
+    border-width: var(--cmp-calendarBoard-dayCard-focus-border-width);
+  }
+  .border-\(length\:--cmp-radio-borderWidth\) {
+    border-style: var(--tw-border-style);
+    border-width: var(--cmp-radio-borderWidth);
+  }
+  .border-\(length\:--cmp-radioCard-border-width\) {
+    border-style: var(--tw-border-style);
+    border-width: var(--cmp-radioCard-border-width);
+  }
   .border-0 {
     border-style: var(--tw-border-style);
     border-width: 0px;
@@ -1949,10 +2273,6 @@
     border-style: var(--tw-border-style);
     border-width: var(--cmp-guide-button-border-width);
   }
-  .border-\[length\:var\(--cmp-listDraggableItem-bordered-dragging-border-width\)\] {
-    border-style: var(--tw-border-style);
-    border-width: var(--cmp-listDraggableItem-bordered-dragging-border-width);
-  }
   .border-\[length\:var\(--cmp-table-border-width\)\] {
     border-style: var(--tw-border-style);
     border-width: var(--cmp-table-border-width);
@@ -1977,6 +2297,10 @@
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 1px;
   }
+  .border-b-0 {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: 0px;
+  }
   .border-l {
     border-left-style: var(--tw-border-style);
     border-left-width: 1px;
@@ -1996,6 +2320,18 @@
   .\!border-border-accentLight {
     border-color: var(--color-border-accentLight) !important;
   }
+  .border-\(--cmp-calendarBoard-border\) {
+    border-color: var(--cmp-calendarBoard-border);
+  }
+  .border-\(--cmp-calendarBoard-dayCard-focus-border-color\) {
+    border-color: var(--cmp-calendarBoard-dayCard-focus-border-color);
+  }
+  .border-\(--cmp-calendarBoard-daySequence-border-selected\) {
+    border-color: var(--cmp-calendarBoard-daySequence-border-selected);
+  }
+  .border-\(--cmp-calendarBoard-grid-month-border\) {
+    border-color: var(--cmp-calendarBoard-grid-month-border);
+  }
   .border-\(--cmp-listDraggableItem-border-default\) {
     border-color: var(--cmp-listDraggableItem-border-default);
   }
@@ -2020,6 +2356,12 @@
   .border-\(--cmp-pageHeader-bar-border\) {
     border-color: var(--cmp-pageHeader-bar-border);
   }
+  .border-\(--cmp-radioCard-border-default\) {
+    border-color: var(--cmp-radioCard-border-default);
+  }
+  .border-\(--cmp-radioCard-border-selected\) {
+    border-color: var(--cmp-radioCard-border-selected);
+  }
   .border-\(--cmp-sectionHeaderCard-header-border\) {
     border-color: var(--cmp-sectionHeaderCard-header-border);
   }
@@ -2029,6 +2371,12 @@
   .border-\(--field-bc\) {
     border-color: var(--field-bc);
   }
+  .border-\(--rc-dot-border\) {
+    border-color: var(--rc-dot-border);
+  }
+  .border-\(--rd-border\) {
+    border-color: var(--rd-border);
+  }
   .border-\(--sys-color-border-default\) {
     border-color: var(--sys-color-border-default);
   }
@@ -2038,6 +2386,9 @@
   .border-\[\#E1E1E1\] {
     border-color: #E1E1E1;
   }
+  .border-\[\#e1e1e1\] {
+    border-color: #e1e1e1;
+  }
   .border-\[\#e5e7eb\] {
     border-color: #e5e7eb;
   }
@@ -2080,15 +2431,9 @@
   .border-\[color\:var\(--color-grey-30\)\] {
     border-color: var(--color-grey-30);
   }
-  .border-\[color\:var\(--color-grey-45\)\] {
-    border-color: var(--color-grey-45);
-  }
   .border-\[color\:var\(--dd-border\)\] {
     border-color: var(--dd-border);
   }
-  .border-\[color\:var\(--rd-border\)\] {
-    border-color: var(--rd-border);
-  }
   .border-\[color\:var\(--sys-color-border-default\)\] {
     border-color: var(--sys-color-border-default);
   }
@@ -2122,6 +2467,9 @@
   .border-gray-300 {
     border-color: var(--color-gray-300);
   }
+  .border-grey-10 {
+    border-color: var(--color-grey-10);
+  }
   .border-grey-20 {
     border-color: var(--color-grey-20);
   }
@@ -2134,6 +2482,57 @@
   .border-transparent {
     border-color: transparent;
   }
+  .bg-\(--alb-bg\) {
+    background-color: var(--alb-bg);
+  }
+  .bg-\(--cdc-bg\) {
+    background-color: var(--cdc-bg);
+  }
+  .bg-\(--ceb-bg\) {
+    background-color: var(--ceb-bg);
+  }
+  .bg-\(--cmp-calendarBoard-bg\) {
+    background-color: var(--cmp-calendarBoard-bg);
+  }
+  .bg-\(--cmp-calendarBoard-daySequence-bg-today\) {
+    background-color: var(--cmp-calendarBoard-daySequence-bg-today);
+  }
+  .bg-\(--cmp-calendarBoard-eventButton-hover-overlay-color\) {
+    background-color: var(--cmp-calendarBoard-eventButton-hover-overlay-color);
+  }
+  .bg-\(--cmp-calendarBoard-grid-bg\) {
+    background-color: var(--cmp-calendarBoard-grid-bg);
+  }
+  .bg-\(--cmp-calendarBoard-grid-month-border\) {
+    background-color: var(--cmp-calendarBoard-grid-month-border);
+  }
+  .bg-\(--cmp-calendarBoard-moreButton-bg\) {
+    background-color: var(--cmp-calendarBoard-moreButton-bg);
+  }
+  .bg-\(--cmp-calendarBoard-moreButton-hover-overlay-color\) {
+    background-color: var(--cmp-calendarBoard-moreButton-hover-overlay-color);
+  }
+  .bg-\(--cmp-gnb-dark-bg\) {
+    background-color: var(--cmp-gnb-dark-bg);
+  }
+  .bg-\(--cmp-gnb-light-bg\) {
+    background-color: var(--cmp-gnb-light-bg);
+  }
+  .bg-\(--cmp-gnb-system-accountListBox-bg\) {
+    background-color: var(--cmp-gnb-system-accountListBox-bg);
+  }
+  .bg-\(--cmp-gnb-system-item-dark-bg-default\) {
+    background-color: var(--cmp-gnb-system-item-dark-bg-default);
+  }
+  .bg-\(--cmp-gnb-system-item-darker-bg-default\) {
+    background-color: var(--cmp-gnb-system-item-darker-bg-default);
+  }
+  .bg-\(--cmp-gnb-system-item-light-bg-default\) {
+    background-color: var(--cmp-gnb-system-item-light-bg-default);
+  }
+  .bg-\(--cmp-gnb-system-panel-light-bg\) {
+    background-color: var(--cmp-gnb-system-panel-light-bg);
+  }
   .bg-\(--cmp-image-bg\) {
     background-color: var(--cmp-image-bg);
   }
@@ -2179,6 +2578,15 @@
   .bg-\(--cmp-pageHeader-bar-bg\) {
     background-color: var(--cmp-pageHeader-bar-bg);
   }
+  .bg-\(--cmp-radioCard-bg-default\) {
+    background-color: var(--cmp-radioCard-bg-default);
+  }
+  .bg-\(--cmp-radioCard-bg-disabled\) {
+    background-color: var(--cmp-radioCard-bg-disabled);
+  }
+  .bg-\(--cmp-radioCard-bg-selected\) {
+    background-color: var(--cmp-radioCard-bg-selected);
+  }
   .bg-\(--cmp-sectionHeaderCard-header-bg\) {
     background-color: var(--cmp-sectionHeaderCard-header-bg);
   }
@@ -2197,6 +2605,27 @@
   .bg-\(--cmp-tree-item-bg-default\) {
     background-color: var(--cmp-tree-item-bg-default);
   }
+  .bg-\(--gsb-bg\) {
+    background-color: var(--gsb-bg);
+  }
+  .bg-\(--gsb-icon-bg\) {
+    background-color: var(--gsb-icon-bg);
+  }
+  .bg-\(--rc-dot-bg\) {
+    background-color: var(--rc-dot-bg);
+  }
+  .bg-\(--rc-dot-fill\) {
+    background-color: var(--rc-dot-fill);
+  }
+  .bg-\(--rd-bg\) {
+    background-color: var(--rd-bg);
+  }
+  .bg-\(--sab-bg\) {
+    background-color: var(--sab-bg);
+  }
+  .bg-\(--sab-icon-bg\) {
+    background-color: var(--sab-icon-bg);
+  }
   .bg-\(--sys-color-bg-frame\) {
     background-color: var(--sys-color-bg-frame);
   }
@@ -2221,6 +2650,9 @@
   .bg-\[\#FFE3F7\] {
     background-color: #FFE3F7;
   }
+  .bg-\[\#FFF4F4\] {
+    background-color: #FFF4F4;
+  }
   .bg-\[\#eee\] {
     background-color: #eee;
   }
@@ -2290,6 +2722,9 @@
   .bg-\[var\(--cmp-listBoxItem-depth2-middle-bg\)\] {
     background-color: var(--cmp-listBoxItem-depth2-middle-bg);
   }
+  .bg-\[var\(--cmp-listItem-bg-selected\)\] {
+    background-color: var(--cmp-listItem-bg-selected);
+  }
   .bg-\[var\(--cmp-modal-bg\)\] {
     background-color: var(--cmp-modal-bg);
   }
@@ -2323,15 +2758,15 @@
   .bg-\[var\(--color-grey-15\)\] {
     background-color: var(--color-grey-15);
   }
+  .bg-\[var\(--color-grey-45\)\] {
+    background-color: var(--color-grey-45);
+  }
   .bg-\[var\(--color-white\)\] {
     background-color: var(--color-white);
   }
   .bg-\[var\(--dd-bg\)\] {
     background-color: var(--dd-bg);
   }
-  .bg-\[var\(--rd-bg\)\] {
-    background-color: var(--rd-bg);
-  }
   .bg-\[var\(--sys-color-bg-frame\)\] {
     background-color: var(--sys-color-bg-frame);
   }
@@ -2341,6 +2776,9 @@
   .bg-\[var\(--sys-color-bg-screen\)\] {
     background-color: var(--sys-color-bg-screen);
   }
+  .bg-\[var\(--sys-color-border-default\)\] {
+    background-color: var(--sys-color-border-default);
+  }
   .bg-\[var\(--sys-color-divider-default\)\] {
     background-color: var(--sys-color-divider-default);
   }
@@ -2395,9 +2833,18 @@
   .bg-grey-20 {
     background-color: var(--color-grey-20);
   }
+  .bg-grey-30 {
+    background-color: var(--color-grey-30);
+  }
   .bg-grey-90 {
     background-color: var(--color-grey-90);
   }
+  .bg-inherit {
+    background-color: inherit;
+  }
+  .bg-primary-50 {
+    background-color: var(--color-primary-50);
+  }
   .bg-red-50 {
     background-color: var(--color-red-50);
   }
@@ -2413,6 +2860,9 @@
       background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
     }
   }
+  .p-\(--cmp-gnb-system-panel-gap\) {
+    padding: var(--cmp-gnb-system-panel-gap);
+  }
   .p-\(--cmp-list-group-padding\) {
     padding: var(--cmp-list-group-padding);
   }
@@ -2443,6 +2893,9 @@
   .p-\[2px\] {
     padding: 2px;
   }
+  .p-\[4px\] {
+    padding: 4px;
+  }
   .p-\[8px\] {
     padding: 8px;
   }
@@ -2494,6 +2947,18 @@
   .p-sd-62 {
     padding: var(--spacing-sd-62);
   }
+  .px-\(--cmp-calendarBoard-dayCard-paddingX\) {
+    padding-inline: var(--cmp-calendarBoard-dayCard-paddingX);
+  }
+  .px-\(--cmp-calendarBoard-dayEvent-body-paddingX\) {
+    padding-inline: var(--cmp-calendarBoard-dayEvent-body-paddingX);
+  }
+  .px-\(--cmp-calendarBoard-dayEvent-header-paddingX\) {
+    padding-inline: var(--cmp-calendarBoard-dayEvent-header-paddingX);
+  }
+  .px-\(--cmp-calendarBoard-item-paddingX\) {
+    padding-inline: var(--cmp-calendarBoard-item-paddingX);
+  }
   .px-\(--cmp-chipInput-md-paddingX\) {
     padding-inline: var(--cmp-chipInput-md-paddingX);
   }
@@ -2506,6 +2971,12 @@
   .px-\(--cmp-field-message-paddingX\) {
     padding-inline: var(--cmp-field-message-paddingX);
   }
+  .px-\(--cmp-gnb-system-actionButton-paddingLeft\) {
+    padding-inline: var(--cmp-gnb-system-actionButton-paddingLeft);
+  }
+  .px-\(--cmp-gnb-top-paddingX\) {
+    padding-inline: var(--cmp-gnb-top-paddingX);
+  }
   .px-\(--cmp-listDraggableItem-paddingX\) {
     padding-inline: var(--cmp-listDraggableItem-paddingX);
   }
@@ -2515,12 +2986,18 @@
   .px-\(--cmp-popup-header-paddingX\) {
     padding-inline: var(--cmp-popup-header-paddingX);
   }
+  .px-\(--cmp-radioCard-paddingX\) {
+    padding-inline: var(--cmp-radioCard-paddingX);
+  }
   .px-\(--cmp-sectionHeaderCard-header-paddingX\) {
     padding-inline: var(--cmp-sectionHeaderCard-header-paddingX);
   }
   .px-\(--cmp-tree-item-paddingX\) {
     padding-inline: var(--cmp-tree-item-paddingX);
   }
+  .px-\(--sys-space-panel-padding-default\) {
+    padding-inline: var(--sys-space-panel-padding-default);
+  }
   .px-3 {
     padding-inline: calc(var(--spacing) * 3);
   }
@@ -2608,12 +3085,18 @@
   .px-sd-8 {
     padding-inline: var(--spacing-sd-8);
   }
+  .px-sd-10 {
+    padding-inline: var(--spacing-sd-10);
+  }
   .px-sd-12 {
     padding-inline: var(--spacing-sd-12);
   }
   .px-sd-16 {
     padding-inline: var(--spacing-sd-16);
   }
+  .py-\(--cmp-calendarBoard-dayEvent-header-paddingY\) {
+    padding-block: var(--cmp-calendarBoard-dayEvent-header-paddingY);
+  }
   .py-\(--cmp-chipInput-md-paddingY\) {
     padding-block: var(--cmp-chipInput-md-paddingY);
   }
@@ -2650,6 +3133,9 @@
   .py-\(--cmp-popup-header-paddingY\) {
     padding-block: var(--cmp-popup-header-paddingY);
   }
+  .py-\(--cmp-radioCard-paddingY\) {
+    padding-block: var(--cmp-radioCard-paddingY);
+  }
   .py-\(--cmp-sectionHeaderCard-header-paddingY\) {
     padding-block: var(--cmp-sectionHeaderCard-header-paddingY);
   }
@@ -2662,6 +3148,9 @@
   .py-\[4px\] {
     padding-block: 4px;
   }
+  .py-\[6px\] {
+    padding-block: 6px;
+  }
   .py-\[8px\] {
     padding-block: 8px;
   }
@@ -2725,12 +3214,21 @@
   .py-sd-24 {
     padding-block: var(--spacing-sd-24);
   }
+  .pt-\(--cmp-calendarBoard-dayCard-header-paddingTop\) {
+    padding-top: var(--cmp-calendarBoard-dayCard-header-paddingTop);
+  }
+  .pt-\(--cmp-calendarBoard-grid-paddingTop\) {
+    padding-top: var(--cmp-calendarBoard-grid-paddingTop);
+  }
   .pt-\(--cmp-pageHeader-plain-paddingTop\) {
     padding-top: var(--cmp-pageHeader-plain-paddingTop);
   }
   .pt-3 {
     padding-top: calc(var(--spacing) * 3);
   }
+  .pt-\[24px\] {
+    padding-top: 24px;
+  }
   .pt-\[var\(--cmp-chipFilter-listbox-list-paddingY\)\] {
     padding-top: var(--cmp-chipFilter-listbox-list-paddingY);
   }
@@ -2755,12 +3253,33 @@
   .pr-\[var\(--cmp-overlay-header-paddingX\)\] {
     padding-right: var(--cmp-overlay-header-paddingX);
   }
+  .pb-\(--cmp-calendarBoard-dayCard-grid-paddingBottom\) {
+    padding-bottom: var(--cmp-calendarBoard-dayCard-grid-paddingBottom);
+  }
+  .pb-\(--cmp-calendarBoard-dayCard-header-paddingBottom\) {
+    padding-bottom: var(--cmp-calendarBoard-dayCard-header-paddingBottom);
+  }
+  .pb-\(--cmp-calendarBoard-dayEvent-body-paddingBottom\) {
+    padding-bottom: var(--cmp-calendarBoard-dayEvent-body-paddingBottom);
+  }
+  .pb-\(--cmp-calendarBoard-grid-gap\) {
+    padding-bottom: var(--cmp-calendarBoard-grid-gap);
+  }
   .pb-\(--cmp-pageHeader-plain-paddingBottom\) {
     padding-bottom: var(--cmp-pageHeader-plain-paddingBottom);
   }
   .pb-\[4px\] {
     padding-bottom: 4px;
   }
+  .pb-\[8px\] {
+    padding-bottom: 8px;
+  }
+  .pb-\[80px\] {
+    padding-bottom: 80px;
+  }
+  .pb-\[240px\] {
+    padding-bottom: 240px;
+  }
   .pb-\[var\(--cmp-chipFilter-listbox-list-paddingY\)\] {
     padding-bottom: var(--cmp-chipFilter-listbox-list-paddingY);
   }
@@ -2773,12 +3292,18 @@
   .pb-sd-16 {
     padding-bottom: var(--spacing-sd-16);
   }
+  .pb-sd-48 {
+    padding-bottom: var(--spacing-sd-48);
+  }
   .pl-\(--cmp-guide-contents-depth-paddingLeft\) {
     padding-left: var(--cmp-guide-contents-depth-paddingLeft);
   }
   .pl-\(--cmp-pageHeader-title-paddingLeft\) {
     padding-left: var(--cmp-pageHeader-title-paddingLeft);
   }
+  .pl-\(--cmp-radioCard-subtitle-paddingLeft\) {
+    padding-left: var(--cmp-radioCard-subtitle-paddingLeft);
+  }
   .pl-\[16px\] {
     padding-left: 16px;
   }
@@ -2794,6 +3319,9 @@
   .pl-\[var\(--cmp-overlay-header-paddingX\)\] {
     padding-left: var(--cmp-overlay-header-paddingX);
   }
+  .pl-sd-24 {
+    padding-left: var(--spacing-sd-24);
+  }
   .text-center {
     text-align: center;
   }
@@ -2832,6 +3360,9 @@
     font-size: var(--text-xs);
     line-height: var(--tw-leading, var(--text-xs--line-height));
   }
+  .text-11 {
+    font-size: var(--text-11);
+  }
   .text-12 {
     font-size: var(--text-12);
   }
@@ -2868,6 +3399,9 @@
   .text-\[14px\] {
     font-size: 14px;
   }
+  .text-\[15px\] {
+    font-size: 15px;
+  }
   .text-\[16px\] {
     font-size: 16px;
   }
@@ -2882,6 +3416,10 @@
     --tw-leading: calc(var(--spacing) * 6);
     line-height: calc(var(--spacing) * 6);
   }
+  .leading-\[0\] {
+    --tw-leading: 0;
+    line-height: 0;
+  }
   .leading-\[16px\] {
     --tw-leading: 16px;
     line-height: 16px;
@@ -2926,6 +3464,10 @@
     --tw-leading: 1;
     line-height: 1;
   }
+  .leading-relaxed {
+    --tw-leading: var(--leading-relaxed);
+    line-height: var(--leading-relaxed);
+  }
   .leading-sd-20 {
     --tw-leading: var(--spacing-sd-20);
     line-height: var(--spacing-sd-20);
@@ -2999,6 +3541,33 @@
   .whitespace-pre {
     white-space: pre;
   }
+  .text-\(--cmp-calendarBoard-daySequence-text-default\) {
+    color: var(--cmp-calendarBoard-daySequence-text-default);
+  }
+  .text-\(--cmp-calendarBoard-daySequence-text-otherMonth\) {
+    color: var(--cmp-calendarBoard-daySequence-text-otherMonth);
+  }
+  .text-\(--cmp-calendarBoard-daySequence-text-today\) {
+    color: var(--cmp-calendarBoard-daySequence-text-today);
+  }
+  .text-\(--cmp-calendarBoard-eventButton-text-color-default\) {
+    color: var(--cmp-calendarBoard-eventButton-text-color-default);
+  }
+  .text-\(--cmp-calendarBoard-eventButton-text-color-separator\) {
+    color: var(--cmp-calendarBoard-eventButton-text-color-separator);
+  }
+  .text-\(--cmp-calendarBoard-grid-weekRow-color\) {
+    color: var(--cmp-calendarBoard-grid-weekRow-color);
+  }
+  .text-\(--cmp-calendarBoard-header-content-color\) {
+    color: var(--cmp-calendarBoard-header-content-color);
+  }
+  .text-\(--cmp-calendarBoard-moreButton-count-color\) {
+    color: var(--cmp-calendarBoard-moreButton-count-color);
+  }
+  .text-\(--cmp-calendarBoard-moreButton-label-color\) {
+    color: var(--cmp-calendarBoard-moreButton-label-color);
+  }
   .text-\(--cmp-chip-content-focus\) {
     color: var(--cmp-chip-content-focus);
   }
@@ -3044,18 +3613,48 @@
   .text-\(--cmp-pageHeader-title-text\) {
     color: var(--cmp-pageHeader-title-text);
   }
+  .text-\(--cmp-radioCard-label-color\) {
+    color: var(--cmp-radioCard-label-color);
+  }
+  .text-\(--cmp-radioCard-subtitle-color\) {
+    color: var(--cmp-radioCard-subtitle-color);
+  }
   .text-\(--cmp-tree-item-text-default\) {
     color: var(--cmp-tree-item-text-default);
   }
-  .text-\(--cmp-tree-item-text-selected\) {
-    color: var(--cmp-tree-item-text-selected);
+  .text-\(--color-green-70\) {
+    color: var(--color-green-70);
   }
   .text-\(--color-grey-65\) {
     color: var(--color-grey-65);
   }
+  .text-\(--color-grey-70\) {
+    color: var(--color-grey-70);
+  }
   .text-\(--color-var\) {
     color: var(--color-var);
   }
+  .text-\(--color-white\) {
+    color: var(--color-white);
+  }
+  .text-\(--gsb-icon\) {
+    color: var(--gsb-icon);
+  }
+  .text-\(--gsb-text\) {
+    color: var(--gsb-text);
+  }
+  .text-\(--sab-action-icon\) {
+    color: var(--sab-action-icon);
+  }
+  .text-\(--sab-action-text\) {
+    color: var(--sab-action-text);
+  }
+  .text-\(--sab-icon-glyph\) {
+    color: var(--sab-icon-glyph);
+  }
+  .text-\(--sab-text\) {
+    color: var(--sab-text);
+  }
   .text-\(--sys-color-disabled-text\) {
     color: var(--sys-color-disabled-text);
   }
@@ -3074,6 +3673,9 @@
   .text-\(--sys-color-fg-warning\) {
     color: var(--sys-color-fg-warning);
   }
+  .text-\(--sys-color-field-border-danger\) {
+    color: var(--sys-color-field-border-danger);
+  }
   .text-\(--sys-color-field-text-default\) {
     color: var(--sys-color-field-text-default);
   }
@@ -3140,6 +3742,9 @@
   .text-\[color\:var\(--cmp-listBoxItem-content-selected\)\] {
     color: var(--cmp-listBoxItem-content-selected);
   }
+  .text-\[color\:var\(--cmp-listItem-text-selected\)\] {
+    color: var(--cmp-listItem-text-selected);
+  }
   .text-\[color\:var\(--cmp-modal-confirm-message-color\)\] {
     color: var(--cmp-modal-confirm-message-color);
   }
@@ -3167,9 +3772,6 @@
   .text-\[color\:var\(--cmp-progress-color-label\)\] {
     color: var(--cmp-progress-color-label);
   }
-  .text-\[color\:var\(--cmp-select-text-default\)\] {
-    color: var(--cmp-select-text-default);
-  }
   .text-\[color\:var\(--co-content\)\] {
     color: var(--co-content);
   }
@@ -3260,9 +3862,15 @@
   .text-grey-55 {
     color: var(--color-grey-55);
   }
+  .text-grey-60 {
+    color: var(--color-grey-60);
+  }
   .text-grey-65 {
     color: var(--color-grey-65);
   }
+  .text-grey-70 {
+    color: var(--color-grey-70);
+  }
   .text-grey-80 {
     color: var(--color-grey-80);
   }
@@ -3287,6 +3895,9 @@
   .uppercase {
     text-transform: uppercase;
   }
+  .italic {
+    font-style: italic;
+  }
   .no-underline {
     text-decoration-line: none;
   }
@@ -3315,6 +3926,10 @@
     --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .shadow-\(--shadow-overlay\) {
+    --tw-shadow: var(--shadow-overlay);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .shadow-\[-5px_0_8px_0_rgba\(34\,34\,34\,0\.1\)\] {
     --tw-shadow: -5px 0 8px 0 var(--tw-shadow-color, rgba(34,34,34,0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -3323,6 +3938,10 @@
     --tw-shadow: 0 2px 4px var(--tw-shadow-color, rgba(0,0,0,0.16));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .shadow-\[0_8px_16px_rgba\(15_23_42_\/_0\.12\)\] {
+    --tw-shadow: 0 8px 16px var(--tw-shadow-color, rgba(15 23 42 / 0.12));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .shadow-\[2px_2px_12px_2px_rgba\(0\,0\,0\,0\.1\)\] {
     --tw-shadow: 2px 2px 12px 2px var(--tw-shadow-color, rgba(0,0,0,0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -3344,7 +3963,7 @@
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
   .shadow-floating {
-    --tw-shadow: 0px 0px 24px -6px var(--tw-shadow-color, rgba(34,34,34,0.12)), 4px 8px 16px -4px var(--tw-shadow-color, rgba(34,34,34,0.1));
+    --tw-shadow: 0px 0px 24px -6px var(--tw-shadow-color, rgba(34,34,34,0.12)), 4px 4px 16px -4px var(--tw-shadow-color, rgba(34,34,34,0.2));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
   .shadow-none {
@@ -3352,11 +3971,11 @@
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
   .shadow-normal-md {
-    --tw-shadow: 0px 8px 36px -6px var(--tw-shadow-color, rgba(34,34,34,0.16)), 4px 12px 16px -4px var(--tw-shadow-color, rgba(34,34,34,0.12));
+    --tw-shadow: 0px 8px 36px -6px var(--tw-shadow-color, rgba(34,34,34,0.16)), 4px 8px 12px -4px var(--tw-shadow-color, rgba(34,34,34,0.16));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
   .shadow-normal-sm {
-    --tw-shadow: 0px 0px 24px -6px var(--tw-shadow-color, rgba(34,34,34,0.12)), 4px 8px 16px -4px var(--tw-shadow-color, rgba(34,34,34,0.1));
+    --tw-shadow: 0px 0px 24px -6px var(--tw-shadow-color, rgba(34,34,34,0.12)), 4px 4px 16px -4px var(--tw-shadow-color, rgba(34,34,34,0.2));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
   .ring {
@@ -3367,6 +3986,13 @@
     outline-style: var(--tw-outline-style);
     outline-width: 1px;
   }
+  .outline-2 {
+    outline-style: var(--tw-outline-style);
+    outline-width: 2px;
+  }
+  .outline-\[var\(--color-border-accent\)\] {
+    outline-color: var(--color-border-accent);
+  }
   .blur {
     --tw-blur: blur(8px);
     filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
@@ -3479,11 +4105,60 @@
       }
     }
   }
-  .group-hover\:font-bold {
+  .group-hover\:bg-\(--gsb-icon-bg-hover\) {
     &:is(:where(.group):hover *) {
       @media (hover: hover) {
-        --tw-font-weight: var(--font-weight-bold);
-        font-weight: var(--font-weight-bold);
+        background-color: var(--gsb-icon-bg-hover);
+      }
+    }
+  }
+  .group-hover\:bg-\(--sab-icon-bg-hover\) {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        background-color: var(--sab-icon-bg-hover);
+      }
+    }
+  }
+  .group-hover\:font-bold {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        --tw-font-weight: var(--font-weight-bold);
+        font-weight: var(--font-weight-bold);
+      }
+    }
+  }
+  .group-hover\:text-\(--gsb-icon-hover\) {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        color: var(--gsb-icon-hover);
+      }
+    }
+  }
+  .group-hover\:text-\(--sab-icon-glyph-hover\) {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        color: var(--sab-icon-glyph-hover);
+      }
+    }
+  }
+  .group-hover\:opacity-\(--cmp-calendarBoard-eventButton-hover-overlay-opacity\) {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        opacity: var(--cmp-calendarBoard-eventButton-hover-overlay-opacity);
+      }
+    }
+  }
+  .group-hover\:opacity-\(--cmp-calendarBoard-moreButton-hover-overlay-opacity\) {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        opacity: var(--cmp-calendarBoard-moreButton-hover-overlay-opacity);
+      }
+    }
+  }
+  .group-hover\/editor-tool\:opacity-5 {
+    &:is(:where(.group\/editor-tool):hover *) {
+      @media (hover: hover) {
+        opacity: 5%;
       }
     }
   }
@@ -3501,6 +4176,13 @@
       }
     }
   }
+  .group-hover\/select-clear\:opacity-5 {
+    &:is(:where(.group\/select-clear):hover *) {
+      @media (hover: hover) {
+        opacity: 5%;
+      }
+    }
+  }
   .group-hover\/table-row\:bg-\[var\(--color-grey-05\)\] {
     &:is(:where(.group\/table-row):hover *) {
       @media (hover: hover) {
@@ -3533,14 +4215,14 @@
       color: var(--cmp-textinput-text-placeholder);
     }
   }
-  .placeholder\:text-\[color\:var\(--color-grey-55\)\] {
+  .placeholder\:text-\[color\:var\(--sys-color-field-text-placeholder\)\] {
     &::placeholder {
-      color: var(--color-grey-55);
+      color: var(--sys-color-field-text-placeholder);
     }
   }
-  .placeholder\:text-\[color\:var\(--sys-color-field-text-placeholder\)\] {
+  .placeholder\:text-gray-400 {
     &::placeholder {
-      color: var(--sys-color-field-text-placeholder);
+      color: var(--color-gray-400);
     }
   }
   .before\:absolute {
@@ -3555,12 +4237,6 @@
       top: 0;
     }
   }
-  .before\:top-\[-5px\] {
-    &::before {
-      content: var(--tw-content);
-      top: -5px;
-    }
-  }
   .before\:right-0 {
     &::before {
       content: var(--tw-content);
@@ -3615,10 +4291,10 @@
       flex-shrink: 0;
     }
   }
-  .before\:bg-\(--sys-color-border-accent\) {
+  .before\:bg-\(--sys-color-fg-accentLight\) {
     &::before {
       content: var(--tw-content);
-      background-color: var(--sys-color-border-accent);
+      background-color: var(--sys-color-fg-accentLight);
     }
   }
   .before\:content-\[\'\'\] {
@@ -3639,60 +4315,6 @@
       content: var(--tw-content);
     }
   }
-  .after\:absolute {
-    &::after {
-      content: var(--tw-content);
-      position: absolute;
-    }
-  }
-  .after\:right-0 {
-    &::after {
-      content: var(--tw-content);
-      right: 0;
-    }
-  }
-  .after\:bottom-\[-1px\] {
-    &::after {
-      content: var(--tw-content);
-      bottom: -1px;
-    }
-  }
-  .after\:bottom-\[-5px\] {
-    &::after {
-      content: var(--tw-content);
-      bottom: -5px;
-    }
-  }
-  .after\:left-0 {
-    &::after {
-      content: var(--tw-content);
-      left: 0;
-    }
-  }
-  .after\:z-10 {
-    &::after {
-      content: var(--tw-content);
-      z-index: 10;
-    }
-  }
-  .after\:h-\[2px\] {
-    &::after {
-      content: var(--tw-content);
-      height: 2px;
-    }
-  }
-  .after\:bg-\(--sys-color-border-accent\) {
-    &::after {
-      content: var(--tw-content);
-      background-color: var(--sys-color-border-accent);
-    }
-  }
-  .after\:content-\[\'\'\] {
-    &::after {
-      --tw-content: '';
-      content: var(--tw-content);
-    }
-  }
   .last\:border-b-0 {
     &:last-child {
       border-bottom-style: var(--tw-border-style);
@@ -3801,6 +4423,20 @@
       }
     }
   }
+  .hover\:border-\(--cmp-radio-border-hover\) {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--cmp-radio-border-hover);
+      }
+    }
+  }
+  .hover\:border-\(--cmp-radioCard-border-hover\) {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--cmp-radioCard-border-hover);
+      }
+    }
+  }
   .hover\:border-\(--sys-color-field-border-focus\) {
     &:hover {
       @media (hover: hover) {
@@ -3822,13 +4458,6 @@
       }
     }
   }
-  .hover\:border-\[color\:var\(--cmp-radio-border-hover\)\] {
-    &:hover {
-      @media (hover: hover) {
-        border-color: var(--cmp-radio-border-hover);
-      }
-    }
-  }
   .hover\:border-\[var\(--color-border-accentLight\)\] {
     &:hover {
       @media (hover: hover) {
@@ -3857,6 +4486,13 @@
       }
     }
   }
+  .hover\:bg-\(--alb-bg-hover\) {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--alb-bg-hover);
+      }
+    }
+  }
   .hover\:bg-\(--cmp-listDraggableItem-bg-hover\) {
     &:hover {
       @media (hover: hover) {
@@ -3878,6 +4514,20 @@
       }
     }
   }
+  .hover\:bg-\(--cmp-radio-bg-hover\) {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--cmp-radio-bg-hover);
+      }
+    }
+  }
+  .hover\:bg-\(--cmp-radioCard-bg-hover\) {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--cmp-radioCard-bg-hover);
+      }
+    }
+  }
   .hover\:bg-\(--cmp-tree-item-bg-hover\) {
     &:hover {
       @media (hover: hover) {
@@ -3885,6 +4535,20 @@
       }
     }
   }
+  .hover\:bg-\(--gsb-bg-hover\) {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--gsb-bg-hover);
+      }
+    }
+  }
+  .hover\:bg-\(--sab-bg-hover\) {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--sab-bg-hover);
+      }
+    }
+  }
   .hover\:bg-\(--sys-color-bg-neutralBright\) {
     &:hover {
       @media (hover: hover) {
@@ -3927,10 +4591,10 @@
       }
     }
   }
-  .hover\:bg-\[var\(--cmp-radio-bg-hover\)\] {
+  .hover\:bg-\[var\(--color-bg-neutralLight\)\] {
     &:hover {
       @media (hover: hover) {
-        background-color: var(--cmp-radio-bg-hover);
+        background-color: var(--color-bg-neutralLight);
       }
     }
   }
@@ -4056,6 +4720,11 @@
       border-color: var(--cmp-datepicker-border-focus);
     }
   }
+  .focus\:border-gray-400 {
+    &:focus {
+      border-color: var(--color-gray-400);
+    }
+  }
   .focus-visible\:bg-\[var\(--cmp-listBoxItem-bg-hover\)\] {
     &:focus-visible {
       background-color: var(--cmp-listBoxItem-bg-hover);
@@ -4078,6 +4747,12 @@
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
+  .focus-visible\:shadow-\[0_0_0_2px_var\(--cmp-toggle-border-select\)\] {
+    &:focus-visible {
+      --tw-shadow: 0 0 0 2px var(--tw-shadow-color, var(--cmp-toggle-border-select));
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
   .focus-visible\:outline {
     &:focus-visible {
       outline-style: var(--tw-outline-style);
@@ -4131,11 +4806,26 @@
       cursor: not-allowed;
     }
   }
+  .data-\[disabled\]\:bg-transparent {
+    &[data-disabled] {
+      background-color: transparent;
+    }
+  }
   .data-\[disabled\]\:text-\[color\:var\(--cmp-button-text-disabled\)\] {
     &[data-disabled] {
       color: var(--cmp-button-text-disabled);
     }
   }
+  .data-\[disabled\]\:text-\[color\:var\(--cmp-ghostButton-icon-disabled\)\] {
+    &[data-disabled] {
+      color: var(--cmp-ghostButton-icon-disabled);
+    }
+  }
+  .data-\[highlighted\]\:bg-\[var\(--color-bg-neutralLight\)\] {
+    &[data-highlighted] {
+      background-color: var(--color-bg-neutralLight);
+    }
+  }
   .data-\[highlighted\]\:bg-\[var\(--sys-color-bg-accent\)\] {
     &[data-highlighted] {
       background-color: var(--sys-color-bg-accent);
@@ -4152,6 +4842,11 @@
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
+  .data-\[state\=closed\]\:pointer-events-none {
+    &[data-state="closed"] {
+      pointer-events: none;
+    }
+  }
   .data-\[state\=closed\]\:translate-x-full {
     &[data-state="closed"] {
       --tw-translate-x: 100%;
@@ -4321,6 +5016,16 @@
       transition-property: none;
     }
   }
+  .md\:h-sd-20 {
+    @media (width >= 48rem) {
+      height: var(--spacing-sd-20);
+    }
+  }
+  .md\:grid-cols-2 {
+    @media (width >= 48rem) {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+  }
   .md\:p-4 {
     @media (width >= 48rem) {
       padding: calc(var(--spacing) * 4);
@@ -4345,6 +5050,637 @@
       }
     }
   }
+  .xl\:sticky {
+    @media (width >= 80rem) {
+      position: sticky;
+    }
+  }
+  .xl\:top-sd-16 {
+    @media (width >= 80rem) {
+      top: var(--spacing-sd-16);
+    }
+  }
+  .xl\:w-\[330px\] {
+    @media (width >= 80rem) {
+      width: 330px;
+    }
+  }
+  .xl\:flex-row {
+    @media (width >= 80rem) {
+      flex-direction: row;
+    }
+  }
+  .xl\:items-start {
+    @media (width >= 80rem) {
+      align-items: flex-start;
+    }
+  }
+  .\32 xl\:grid-cols-4 {
+    @media (width >= 96rem) {
+      grid-template-columns: repeat(4, minmax(0, 1fr));
+    }
+  }
+  .\[\&_\.ProseMirror\]\:min-h-full {
+    & .ProseMirror {
+      min-height: 100%;
+    }
+  }
+  .\[\&_\.ProseMirror\]\:break-words {
+    & .ProseMirror {
+      overflow-wrap: break-word;
+    }
+  }
+  .\[\&_\.ProseMirror\]\:whitespace-pre-wrap {
+    & .ProseMirror {
+      white-space: pre-wrap;
+    }
+  }
+  .\[\&_\.ProseMirror\]\:outline-none {
+    & .ProseMirror {
+      --tw-outline-style: none;
+      outline-style: none;
+    }
+  }
+  .\[\&_\.ProseMirror-selectednode\]\:outline {
+    & .ProseMirror-selectednode {
+      outline-style: var(--tw-outline-style);
+      outline-width: 1px;
+    }
+  }
+  .\[\&_\.ProseMirror-selectednode\]\:outline-2 {
+    & .ProseMirror-selectednode {
+      outline-style: var(--tw-outline-style);
+      outline-width: 2px;
+    }
+  }
+  .\[\&_\.ProseMirror-selectednode\]\:outline-\[var\(--color-border-accent\)\] {
+    & .ProseMirror-selectednode {
+      outline-color: var(--color-border-accent);
+    }
+  }
+  .\[\&_\.sd-editor-image\]\:my-\[8px\] {
+    & .sd-editor-image {
+      margin-block: 8px;
+    }
+  }
+  .\[\&_\.sd-editor-image\]\:h-auto {
+    & .sd-editor-image {
+      height: auto;
+    }
+  }
+  .\[\&_\.sd-editor-image\]\:max-w-full {
+    & .sd-editor-image {
+      max-width: 100%;
+    }
+  }
+  .\[\&_\.sd-editor-image\]\:rounded-\[4px\] {
+    & .sd-editor-image {
+      border-radius: 4px;
+    }
+  }
+  .\[\&_\.sd-editor-table\]\:my-\[8px\] {
+    & .sd-editor-table {
+      margin-block: 8px;
+    }
+  }
+  .\[\&_\.sd-editor-table\]\:w-full {
+    & .sd-editor-table {
+      width: 100%;
+    }
+  }
+  .\[\&_\.sd-editor-table\]\:table-fixed {
+    & .sd-editor-table {
+      table-layout: fixed;
+    }
+  }
+  .\[\&_\.sd-editor-table\]\:border-collapse {
+    & .sd-editor-table {
+      border-collapse: collapse;
+    }
+  }
+  .\[\&_\.sd-editor-table-cell\]\:border {
+    & .sd-editor-table-cell {
+      border-style: var(--tw-border-style);
+      border-width: 1px;
+    }
+  }
+  .\[\&_\.sd-editor-table-cell\]\:border-solid {
+    & .sd-editor-table-cell {
+      --tw-border-style: solid;
+      border-style: solid;
+    }
+  }
+  .\[\&_\.sd-editor-table-cell\]\:border-\[color\:var\(--color-border-default\)\] {
+    & .sd-editor-table-cell {
+      border-color: var(--color-border-default);
+    }
+  }
+  .\[\&_\.sd-editor-table-cell\]\:px-\[8px\] {
+    & .sd-editor-table-cell {
+      padding-inline: 8px;
+    }
+  }
+  .\[\&_\.sd-editor-table-cell\]\:py-\[4px\] {
+    & .sd-editor-table-cell {
+      padding-block: 4px;
+    }
+  }
+  .\[\&_\.sd-editor-table-cell\]\:align-top {
+    & .sd-editor-table-cell {
+      vertical-align: top;
+    }
+  }
+  .\[\&_\.sd-editor-table-cell\>p\]\:my-0 {
+    & .sd-editor-table-cell>p {
+      margin-block: 0;
+    }
+  }
+  .\[\&_\.sd-editor-table-header\]\:border {
+    & .sd-editor-table-header {
+      border-style: var(--tw-border-style);
+      border-width: 1px;
+    }
+  }
+  .\[\&_\.sd-editor-table-header\]\:border-solid {
+    & .sd-editor-table-header {
+      --tw-border-style: solid;
+      border-style: solid;
+    }
+  }
+  .\[\&_\.sd-editor-table-header\]\:border-\[color\:var\(--color-border-default\)\] {
+    & .sd-editor-table-header {
+      border-color: var(--color-border-default);
+    }
+  }
+  .\[\&_\.sd-editor-table-header\]\:bg-\[var\(--color-bg-neutralLight\)\] {
+    & .sd-editor-table-header {
+      background-color: var(--color-bg-neutralLight);
+    }
+  }
+  .\[\&_\.sd-editor-table-header\]\:px-\[8px\] {
+    & .sd-editor-table-header {
+      padding-inline: 8px;
+    }
+  }
+  .\[\&_\.sd-editor-table-header\]\:py-\[4px\] {
+    & .sd-editor-table-header {
+      padding-block: 4px;
+    }
+  }
+  .\[\&_\.sd-editor-table-header\]\:text-left {
+    & .sd-editor-table-header {
+      text-align: left;
+    }
+  }
+  .\[\&_\.sd-editor-table-header\]\:align-top {
+    & .sd-editor-table-header {
+      vertical-align: top;
+    }
+  }
+  .\[\&_\.sd-editor-table-header\]\:font-bold {
+    & .sd-editor-table-header {
+      --tw-font-weight: var(--font-weight-bold);
+      font-weight: var(--font-weight-bold);
+    }
+  }
+  .\[\&_\.sd-editor-table-header\>p\]\:my-0 {
+    & .sd-editor-table-header>p {
+      margin-block: 0;
+    }
+  }
+  .\[\&_\.sd-editor-task-item\]\:flex {
+    & .sd-editor-task-item {
+      display: flex;
+    }
+  }
+  .\[\&_\.sd-editor-task-item\]\:items-start {
+    & .sd-editor-task-item {
+      align-items: flex-start;
+    }
+  }
+  .\[\&_\.sd-editor-task-item\]\:gap-\[6px\] {
+    & .sd-editor-task-item {
+      gap: 6px;
+    }
+  }
+  .\[\&_\.sd-editor-task-item_input\]\:m-0 {
+    & .sd-editor-task-item input {
+      margin: 0;
+    }
+  }
+  .\[\&_\.sd-editor-task-item_input\]\:h-\[13px\] {
+    & .sd-editor-task-item input {
+      height: 13px;
+    }
+  }
+  .\[\&_\.sd-editor-task-item_input\]\:w-\[13px\] {
+    & .sd-editor-task-item input {
+      width: 13px;
+    }
+  }
+  .\[\&_\.sd-editor-task-item_input\]\:cursor-pointer {
+    & .sd-editor-task-item input {
+      cursor: pointer;
+    }
+  }
+  .\[\&_\.sd-editor-task-item_input\]\:accent-\[var\(--color-fg-accent\)\] {
+    & .sd-editor-task-item input {
+      accent-color: var(--color-fg-accent);
+    }
+  }
+  .\[\&_\.sd-editor-task-item\>div\]\:min-w-0 {
+    & .sd-editor-task-item>div {
+      min-width: 0;
+    }
+  }
+  .\[\&_\.sd-editor-task-item\>div\]\:flex-1 {
+    & .sd-editor-task-item>div {
+      flex: 1;
+    }
+  }
+  .\[\&_\.sd-editor-task-item\>label\]\:mt-\[3px\] {
+    & .sd-editor-task-item>label {
+      margin-top: 3px;
+    }
+  }
+  .\[\&_\.sd-editor-task-item\>label\]\:shrink-0 {
+    & .sd-editor-task-item>label {
+      flex-shrink: 0;
+    }
+  }
+  .\[\&_\.sd-editor-task-item\>label\]\:leading-none {
+    & .sd-editor-task-item>label {
+      --tw-leading: 1;
+      line-height: 1;
+    }
+  }
+  .\[\&_\.sd-editor-task-item\[data-checked\=true\]\>div\]\:text-\[color\:var\(--color-fg-tertiary\)\] {
+    & .sd-editor-task-item[data-checked=true]>div {
+      color: var(--color-fg-tertiary);
+    }
+  }
+  .\[\&_\.sd-editor-task-item\[data-checked\=true\]\>div\]\:line-through {
+    & .sd-editor-task-item[data-checked=true]>div {
+      text-decoration-line: line-through;
+    }
+  }
+  .\[\&_\.sd-editor-task-list\]\:my-\[4px\] {
+    & .sd-editor-task-list {
+      margin-block: 4px;
+    }
+  }
+  .\[\&_\.sd-editor-task-list\]\:list-none {
+    & .sd-editor-task-list {
+      list-style-type: none;
+    }
+  }
+  .\[\&_\.sd-editor-task-list\]\:pl-0 {
+    & .sd-editor-task-list {
+      padding-left: 0;
+    }
+  }
+  .\[\&_\.selectedCell\]\:relative {
+    & .selectedCell {
+      position: relative;
+    }
+  }
+  .\[\&_\.selectedCell\]\:after\:pointer-events-none {
+    & .selectedCell {
+      &::after {
+        content: var(--tw-content);
+        pointer-events: none;
+      }
+    }
+  }
+  .\[\&_\.selectedCell\]\:after\:absolute {
+    & .selectedCell {
+      &::after {
+        content: var(--tw-content);
+        position: absolute;
+      }
+    }
+  }
+  .\[\&_\.selectedCell\]\:after\:inset-0 {
+    & .selectedCell {
+      &::after {
+        content: var(--tw-content);
+        inset: 0;
+      }
+    }
+  }
+  .\[\&_\.selectedCell\]\:after\:bg-\[var\(--color-bg-accentFaint\)\] {
+    & .selectedCell {
+      &::after {
+        content: var(--tw-content);
+        background-color: var(--color-bg-accentFaint);
+      }
+    }
+  }
+  .\[\&_a\]\:cursor-pointer {
+    & a {
+      cursor: pointer;
+    }
+  }
+  .\[\&_a\]\:text-\[color\:var\(--color-fg-accent\)\] {
+    & a {
+      color: var(--color-fg-accent);
+    }
+  }
+  .\[\&_a\]\:underline {
+    & a {
+      text-decoration-line: underline;
+    }
+  }
+  .\[\&_blockquote\]\:my-\[8px\] {
+    & blockquote {
+      margin-block: 8px;
+    }
+  }
+  .\[\&_blockquote\]\:border-l-\[3px\] {
+    & blockquote {
+      border-left-style: var(--tw-border-style);
+      border-left-width: 3px;
+    }
+  }
+  .\[\&_blockquote\]\:border-solid {
+    & blockquote {
+      --tw-border-style: solid;
+      border-style: solid;
+    }
+  }
+  .\[\&_blockquote\]\:border-l-\[color\:var\(--color-border-default\)\] {
+    & blockquote {
+      border-left-color: var(--color-border-default);
+    }
+  }
+  .\[\&_blockquote\]\:pl-\[12px\] {
+    & blockquote {
+      padding-left: 12px;
+    }
+  }
+  .\[\&_blockquote\]\:text-\[color\:var\(--color-fg-tertiary\)\] {
+    & blockquote {
+      color: var(--color-fg-tertiary);
+    }
+  }
+  .\[\&_code\]\:rounded-\[3px\] {
+    & code {
+      border-radius: 3px;
+    }
+  }
+  .\[\&_code\]\:bg-\[var\(--color-bg-neutralLight\)\] {
+    & code {
+      background-color: var(--color-bg-neutralLight);
+    }
+  }
+  .\[\&_code\]\:px-\[4px\] {
+    & code {
+      padding-inline: 4px;
+    }
+  }
+  .\[\&_code\]\:py-\[1px\] {
+    & code {
+      padding-block: 1px;
+    }
+  }
+  .\[\&_em\]\:italic {
+    & em {
+      font-style: italic;
+    }
+  }
+  .\[\&_h1\]\:mt-\[12px\] {
+    & h1 {
+      margin-top: 12px;
+    }
+  }
+  .\[\&_h1\]\:mb-\[4px\] {
+    & h1 {
+      margin-bottom: 4px;
+    }
+  }
+  .\[\&_h1\]\:text-\[18px\] {
+    & h1 {
+      font-size: 18px;
+    }
+  }
+  .\[\&_h1\]\:leading-\[28px\] {
+    & h1 {
+      --tw-leading: 28px;
+      line-height: 28px;
+    }
+  }
+  .\[\&_h1\]\:font-bold {
+    & h1 {
+      --tw-font-weight: var(--font-weight-bold);
+      font-weight: var(--font-weight-bold);
+    }
+  }
+  .\[\&_h2\]\:mt-\[12px\] {
+    & h2 {
+      margin-top: 12px;
+    }
+  }
+  .\[\&_h2\]\:mb-\[4px\] {
+    & h2 {
+      margin-bottom: 4px;
+    }
+  }
+  .\[\&_h2\]\:text-\[16px\] {
+    & h2 {
+      font-size: 16px;
+    }
+  }
+  .\[\&_h2\]\:leading-\[24px\] {
+    & h2 {
+      --tw-leading: 24px;
+      line-height: 24px;
+    }
+  }
+  .\[\&_h2\]\:font-bold {
+    & h2 {
+      --tw-font-weight: var(--font-weight-bold);
+      font-weight: var(--font-weight-bold);
+    }
+  }
+  .\[\&_h3\]\:mt-\[8px\] {
+    & h3 {
+      margin-top: 8px;
+    }
+  }
+  .\[\&_h3\]\:mb-\[4px\] {
+    & h3 {
+      margin-bottom: 4px;
+    }
+  }
+  .\[\&_h3\]\:text-\[14px\] {
+    & h3 {
+      font-size: 14px;
+    }
+  }
+  .\[\&_h3\]\:leading-\[22px\] {
+    & h3 {
+      --tw-leading: 22px;
+      line-height: 22px;
+    }
+  }
+  .\[\&_h3\]\:font-bold {
+    & h3 {
+      --tw-font-weight: var(--font-weight-bold);
+      font-weight: var(--font-weight-bold);
+    }
+  }
+  .\[\&_hr\]\:my-\[12px\] {
+    & hr {
+      margin-block: 12px;
+    }
+  }
+  .\[\&_hr\]\:border-t {
+    & hr {
+      border-top-style: var(--tw-border-style);
+      border-top-width: 1px;
+    }
+  }
+  .\[\&_hr\]\:border-\[color\:var\(--color-border-default\)\] {
+    & hr {
+      border-color: var(--color-border-default);
+    }
+  }
+  .\[\&_li\]\:my-0 {
+    & li {
+      margin-block: 0;
+    }
+  }
+  .\[\&_li\>p\]\:my-0 {
+    & li>p {
+      margin-block: 0;
+    }
+  }
+  .\[\&_ol\]\:my-\[4px\] {
+    & ol {
+      margin-block: 4px;
+    }
+  }
+  .\[\&_ol\]\:list-decimal {
+    & ol {
+      list-style-type: decimal;
+    }
+  }
+  .\[\&_ol\]\:pl-\[20px\] {
+    & ol {
+      padding-left: 20px;
+    }
+  }
+  .\[\&_p\]\:my-0 {
+    & p {
+      margin-block: 0;
+    }
+  }
+  .\[\&_p\+p\]\:mt-\[4px\] {
+    & p+p {
+      margin-top: 4px;
+    }
+  }
+  .\[\&_p\.is-editor-empty\:first-child\]\:before\:pointer-events-none {
+    & p.is-editor-empty:first-child {
+      &::before {
+        content: var(--tw-content);
+        pointer-events: none;
+      }
+    }
+  }
+  .\[\&_p\.is-editor-empty\:first-child\]\:before\:float-left {
+    & p.is-editor-empty:first-child {
+      &::before {
+        content: var(--tw-content);
+        float: left;
+      }
+    }
+  }
+  .\[\&_p\.is-editor-empty\:first-child\]\:before\:h-0 {
+    & p.is-editor-empty:first-child {
+      &::before {
+        content: var(--tw-content);
+        height: 0;
+      }
+    }
+  }
+  .\[\&_p\.is-editor-empty\:first-child\]\:before\:text-\[color\:var\(--sys-color-field-text-placeholder\)\] {
+    & p.is-editor-empty:first-child {
+      &::before {
+        content: var(--tw-content);
+        color: var(--sys-color-field-text-placeholder);
+      }
+    }
+  }
+  .\[\&_p\.is-editor-empty\:first-child\]\:before\:content-\[attr\(data-placeholder\)\] {
+    & p.is-editor-empty:first-child {
+      &::before {
+        --tw-content: attr(data-placeholder);
+        content: var(--tw-content);
+      }
+    }
+  }
+  .\[\&_pre\]\:my-\[8px\] {
+    & pre {
+      margin-block: 8px;
+    }
+  }
+  .\[\&_pre\]\:rounded-\[4px\] {
+    & pre {
+      border-radius: 4px;
+    }
+  }
+  .\[\&_pre\]\:bg-\[var\(--color-bg-neutralLight\)\] {
+    & pre {
+      background-color: var(--color-bg-neutralLight);
+    }
+  }
+  .\[\&_pre\]\:p-\[12px\] {
+    & pre {
+      padding: 12px;
+    }
+  }
+  .\[\&_pre_code\]\:bg-transparent {
+    & pre code {
+      background-color: transparent;
+    }
+  }
+  .\[\&_pre_code\]\:p-0 {
+    & pre code {
+      padding: 0;
+    }
+  }
+  .\[\&_s\]\:line-through {
+    & s {
+      text-decoration-line: line-through;
+    }
+  }
+  .\[\&_strong\]\:font-bold {
+    & strong {
+      --tw-font-weight: var(--font-weight-bold);
+      font-weight: var(--font-weight-bold);
+    }
+  }
+  .\[\&_u\]\:underline {
+    & u {
+      text-decoration-line: underline;
+    }
+  }
+  .\[\&_ul\]\:my-\[4px\] {
+    & ul {
+      margin-block: 4px;
+    }
+  }
+  .\[\&_ul\]\:list-disc {
+    & ul {
+      list-style-type: disc;
+    }
+  }
+  .\[\&_ul\]\:pl-\[20px\] {
+    & ul {
+      padding-left: 20px;
+    }
+  }
   .\[\&\:-webkit-autofill\]\:\[box-shadow\:0_0_0_1000px_var\(--sys-color-field-bg-default\)_inset\] {
     &:-webkit-autofill {
       box-shadow: 0 0 0 1000px var(--sys-color-field-bg-default) inset;
@@ -4418,7 +5754,7 @@
   .\[\&\:\:-webkit-scrollbar-thumb\]\:border-2 {
     &::-webkit-scrollbar-thumb {
       border-style: var(--tw-border-style);
-      border-width: 2px;
+      border-width: var(--border-width-2);
     }
   }
   .\[\&\:\:-webkit-scrollbar-thumb\]\:border-solid {
@@ -4477,6 +5813,11 @@
       border-left: 1px solid var(--sys-color-border-default);
     }
   }
+  .\[\&\:\:-webkit-search-cancel-button\]\:hidden {
+    &::-webkit-search-cancel-button {
+      display: none;
+    }
+  }
   .\[\&\:has\(\>button\:hover\)\]\:border-border-strong {
     &:has(>button:hover) {
       border-color: var(--color-border-strong);
@@ -4487,17 +5828,6 @@
       width: 100%;
     }
   }
-  .\[\&\>\*\]\:border-b {
-    &>* {
-      border-bottom-style: var(--tw-border-style);
-      border-bottom-width: 1px;
-    }
-  }
-  .\[\&\>\*\]\:border-\(--cmp-listItem-border-default\) {
-    &>* {
-      border-color: var(--cmp-listItem-border-default);
-    }
-  }
   .\[\&\>\*\:not\(\:last-child\)\]\:border-b {
     &>*:not(:last-child) {
       border-bottom-style: var(--tw-border-style);
@@ -4514,6 +5844,43 @@
       background-color: var(--cmp-listExpansionItem-title-bg-hover);
     }
   }
+  .\[\&\>div\:last-child\]\:min-h-0 {
+    &>div:last-child {
+      min-height: 0;
+    }
+  }
+  .\[\&\>div\:last-child\]\:flex-1 {
+    &>div:last-child {
+      flex: 1;
+    }
+  }
+  .\[\[data-drag-active\]_\&\]\:hover\:border-\(--cmp-listDraggableItem-border-default\) {
+    [data-drag-active] & {
+      &:hover {
+        @media (hover: hover) {
+          border-color: var(--cmp-listDraggableItem-border-default);
+        }
+      }
+    }
+  }
+  .\[\[data-drag-active\]_\&\]\:hover\:bg-\(--cmp-listDraggableItem-bg-default\) {
+    [data-drag-active] & {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--cmp-listDraggableItem-bg-default);
+        }
+      }
+    }
+  }
+  .\[\[data-drag-active\]_\&\]\:hover\:bg-transparent {
+    [data-drag-active] & {
+      &:hover {
+        @media (hover: hover) {
+          background-color: transparent;
+        }
+      }
+    }
+  }
 }
 :root {
   --sys-size-control-xs-height: 24px;
@@ -4672,6 +6039,7 @@
   --sys-color-field-icon-default: #888888;
   --sys-color-control-bg-inverseHover: #0075FF;
   --sys-color-navigation-gnb-bg-dark: #001B39;
+  --sys-color-navigation-gnb-bg-system: #004177;
   --cmp-button-xs-height: 24px;
   --cmp-button-xs-paddingX: 8px;
   --cmp-button-xs-gap: 4px;
@@ -4844,7 +6212,10 @@
   --cmp-radioButton-xs-paddingX: 8px;
   --cmp-radioButton-sm-height: 28px;
   --cmp-radioButton-sm-paddingX: 12px;
-  --cmp-radioButton-radius: 4px;
+  --cmp-radioButton-md-height: 36px;
+  --cmp-radioButton-md-paddingX: 20px;
+  --cmp-radioButton-radius-sm: 4px;
+  --cmp-radioButton-radius-md: 6px;
   --cmp-radioButton-border-width: 1px;
   --cmp-radioButton-border-default: #CCCCCC;
   --cmp-radioButton-border-select: #0075FF;
@@ -4858,6 +6229,22 @@
   --cmp-radioButton-content-select: #0075FF;
   --cmp-radioButton-content-disabled: #888888;
   --cmp-radioButton-group-gap: -1px;
+  --cmp-radioCard-radius: 8px;
+  --cmp-radioCard-paddingX: 16px;
+  --cmp-radioCard-paddingY: 8px;
+  --cmp-radioCard-border-width: 1px;
+  --cmp-radioCard-border-default: #E1E1E1;
+  --cmp-radioCard-border-selected: #93C4FF;
+  --cmp-radioCard-border-hover: #AAAAAA;
+  --cmp-radioCard-bg-default: #FFFFFF;
+  --cmp-radioCard-bg-selected: #EFF6FF;
+  --cmp-radioCard-bg-hover: #F9F9F9;
+  --cmp-radioCard-bg-disabled: #EEEEEE;
+  --cmp-radioCard-gap: 8px;
+  --cmp-radioCard-label-color: #222222;
+  --cmp-radioCard-subtitle-paddingLeft: 24px;
+  --cmp-radioCard-subtitle-color: #555555;
+  --cmp-radioCard-group-gap: 8px;
   --cmp-listBoxItem-paddingY: 4px;
   --cmp-listBoxItem-paddingRight: 12px;
   --cmp-listBoxItem-gap: 8px;
@@ -4919,6 +6306,11 @@
   --cmp-field-errorMessage-color: #E30000;
   --cmp-field-contents-gap: 4px;
   --cmp-field-message-paddingX: 8px;
+  --cmp-field-width-xs: 80px;
+  --cmp-field-width-sm: 120px;
+  --cmp-field-width-md: 160px;
+  --cmp-field-width-lg: 240px;
+  --cmp-field-width-xl: 480px;
   --cmp-textinput-sm-height: 28px;
   --cmp-textinput-sm-paddingX: 12px;
   --cmp-textinput-sm-paddingY: 4px;
@@ -5127,6 +6519,70 @@
   --cmp-timepicker-selector-range-heading-color: #555555;
   --cmp-timepicker-selector-range-heading-gap: 16px;
   --cmp-timepicker-selector-range-section-gap: 12px;
+  --cmp-calendarBoard-radius: 8px;
+  --cmp-calendarBoard-bg: #FFFFFF;
+  --cmp-calendarBoard-border: #E1E1E1;
+  --cmp-calendarBoard-header-content-color: #222222;
+  --cmp-calendarBoard-header-content-divider-height: 16px;
+  --cmp-calendarBoard-header-content-gap: 8px;
+  --cmp-calendarBoard-header-gap: 16px;
+  --cmp-calendarBoard-grid-bg: #F9F9F9;
+  --cmp-calendarBoard-grid-weekRow-color: #555555;
+  --cmp-calendarBoard-grid-gap: 8px;
+  --cmp-calendarBoard-grid-paddingTop: 6px;
+  --cmp-calendarBoard-grid-month-border: #E1E1E1;
+  --cmp-calendarBoard-daySequence-size: 24px;
+  --cmp-calendarBoard-daySequence-radius: 9999px;
+  --cmp-calendarBoard-daySequence-bg-today: #0075FF;
+  --cmp-calendarBoard-daySequence-border-selected: #0075FF;
+  --cmp-calendarBoard-daySequence-text-default: #222222;
+  --cmp-calendarBoard-daySequence-text-today: #FFFFFF;
+  --cmp-calendarBoard-daySequence-text-otherMonth: #AAAAAA;
+  --cmp-calendarBoard-dayCard-minWidth: 100px;
+  --cmp-calendarBoard-dayCard-minHeight: 100px;
+  --cmp-calendarBoard-dayCard-bg: #FFFFFF;
+  --cmp-calendarBoard-dayCard-paddingX: 8px;
+  --cmp-calendarBoard-dayCard-header-paddingTop: 8px;
+  --cmp-calendarBoard-dayCard-header-paddingBottom: 6px;
+  --cmp-calendarBoard-dayCard-grid-paddingBottom: 8px;
+  --cmp-calendarBoard-dayCard-grid-gap: 4px;
+  --cmp-calendarBoard-dayCard-focus-border-width: 2px;
+  --cmp-calendarBoard-dayCard-focus-border-color: #93C4FF;
+  --cmp-calendarBoard-dayCard-focus-border-radius: 2px;
+  --cmp-calendarBoard-item-height: 20px;
+  --cmp-calendarBoard-item-paddingX: 8px;
+  --cmp-calendarBoard-item-radius: 6px;
+  --cmp-calendarBoard-moreButton-gap: 4px;
+  --cmp-calendarBoard-moreButton-bg: #FFFFFF;
+  --cmp-calendarBoard-moreButton-count-color: #004290;
+  --cmp-calendarBoard-moreButton-label-color: #222222;
+  --cmp-calendarBoard-moreButton-hover-overlay-color: #555555;
+  --cmp-calendarBoard-moreButton-hover-overlay-opacity: 8%;
+  --cmp-calendarBoard-eventButton-inline-gap: 8px;
+  --cmp-calendarBoard-eventButton-label-gap: 4px;
+  --cmp-calendarBoard-eventButton-bg-default: #E6F1FF;
+  --cmp-calendarBoard-eventButton-bg-blue: #D9EAFF;
+  --cmp-calendarBoard-eventButton-bg-oceanBlue: #D9F2FD;
+  --cmp-calendarBoard-eventButton-bg-lightBlue: #EAF5FE;
+  --cmp-calendarBoard-eventButton-bg-green: #E8F9EF;
+  --cmp-calendarBoard-eventButton-bg-yellow: #FEF1C4;
+  --cmp-calendarBoard-eventButton-bg-orange: #FFEAD7;
+  --cmp-calendarBoard-eventButton-bg-red: #FCE6E6;
+  --cmp-calendarBoard-eventButton-bg-white: #FFFFFF;
+  --cmp-calendarBoard-eventButton-text-color-default: #222222;
+  --cmp-calendarBoard-eventButton-text-color-separator: #AAAAAA;
+  --cmp-calendarBoard-eventButton-hover-overlay-color: #555555;
+  --cmp-calendarBoard-eventButton-hover-overlay-opacity: 8%;
+  --cmp-calendarBoard-dayEvent-width: 280px;
+  --cmp-calendarBoard-dayEvent-minWidth: 280px;
+  --cmp-calendarBoard-dayEvent-minHeight: 200px;
+  --cmp-calendarBoard-dayEvent-maxHeight: 312px;
+  --cmp-calendarBoard-dayEvent-header-paddingX: 20px;
+  --cmp-calendarBoard-dayEvent-header-paddingY: 12px;
+  --cmp-calendarBoard-dayEvent-header-gap: 4px;
+  --cmp-calendarBoard-dayEvent-body-paddingX: 12px;
+  --cmp-calendarBoard-dayEvent-body-paddingBottom: 20px;
+  --cmp-calendarBoard-dayEvent-body-gap: 8px;
   --cmp-tag-xs-height: 20px;
   --cmp-tag-xs-paddingX: 8px;
   --cmp-tag-xs-gap: 4px;
@@ -5144,20 +6600,30 @@
   --cmp-tag-md-radius: 8px;
   --cmp-tag-red-content: #FB4444;
   --cmp-tag-red-bg: #FCEFEF;
+  --cmp-tag-red-deep-bg: #FB4444;
   --cmp-tag-orange-content: #FF6B00;
   --cmp-tag-orange-bg: #FEF1EA;
+  --cmp-tag-orange-deep-bg: #FF6B00;
   --cmp-tag-yellow-content: #916C0D;
   --cmp-tag-yellow-bg: #FFF7DD;
+  --cmp-tag-yellow-deep-bg: #FFC700;
+  --cmp-tag-yellow-deep-content: #222222;
   --cmp-tag-green-content: #00973C;
   --cmp-tag-green-bg: #E8F9EF;
+  --cmp-tag-green-deep-bg: #00973C;
   --cmp-tag-blue-content: #0075FF;
   --cmp-tag-blue-bg: #E6F1FF;
+  --cmp-tag-blue-deep-bg: #0075FF;
   --cmp-tag-darkblue-content: #006AC1;
   --cmp-tag-darkblue-bg: #EAF5FE;
+  --cmp-tag-darkblue-deep-bg: #006AC1;
   --cmp-tag-indigo-content: #004290;
   --cmp-tag-indigo-bg: #EFF6FF;
+  --cmp-tag-indigo-deep-bg: #004290;
   --cmp-tag-grey-content: #737373;
   --cmp-tag-grey-bg: #EEEEEE;
+  --cmp-tag-grey-deep-bg: #737373;
+  --cmp-tag-deep-content: #FFFFFF;
   --cmp-tag-group-gap: 8px;
   --cmp-badge-size: 6px;
   --cmp-badge-radius: 9999px;
@@ -5322,8 +6788,10 @@
   --cmp-guide-contents-typography-color: #222222;
   --cmp-guide-contents-icon: #00973C;
   --cmp-guide-contents-radius: 8px;
-  --cmp-guide-contents-depth-paddingLeft: 32px;
-  --cmp-progress-linear-height: 20px;
+  --cmp-guide-contents-depth-paddingLeft: 24px;
+  --cmp-progress-linear-height-xs: 12px;
+  --cmp-progress-linear-height-sm: 20px;
+  --cmp-progress-linear-height-md: 24px;
   --cmp-progress-linear-radius: 9999px;
   --cmp-progress-linear-gap: 12px;
   --cmp-progress-circular-size: 80px;
@@ -5411,10 +6879,8 @@
   --cmp-stepper-vertical-title-paddingTop: 12px;
   --cmp-stepper-vertical-title-paddingBottom: 6px;
   --cmp-stepper-vertical-title-text: #004290;
-  --cmp-tab-main-lg-height: 44px;
-  --cmp-tab-main-lg-paddingX: 32px;
-  --cmp-tab-main-md-height: 36px;
-  --cmp-tab-main-md-paddingX: 24px;
+  --cmp-tab-main-height: 36px;
+  --cmp-tab-main-paddingX: 24px;
   --cmp-tab-main-gap: 8px;
   --cmp-tab-main-container-gap: 4px;
   --cmp-tab-main-radius: 6px;
@@ -5483,6 +6949,86 @@
   --cmp-gnb-rail-item-radius: 8px;
   --cmp-gnb-rail-item-icon: 24px;
   --cmp-gnb-rail-item-width: 44px;
+  --cmp-gnb-system-panel-light-bg: #FFFFFF;
+  --cmp-gnb-system-panel-light-border: #E1E1E1;
+  --cmp-gnb-system-panel-dark-bg: #004177;
+  --cmp-gnb-system-panel-dark-border: #006AC1;
+  --cmp-gnb-system-panel-gap: 8px;
+  --cmp-gnb-system-panel-divider-color-light: #E1E1E1;
+  --cmp-gnb-system-panel-divider-color-dark: #006AC1;
+  --cmp-gnb-system-panel-divider-color-darker: #004290;
+  --cmp-gnb-system-domainTag-paddingX: 12px;
+  --cmp-gnb-system-domainTag-paddingY: 2px;
+  --cmp-gnb-system-domainTag-radius: 6px;
+  --cmp-gnb-system-domainTag-light-bg: #F6F6F6;
+  --cmp-gnb-system-domainTag-light-text: #555555;
+  --cmp-gnb-system-domainTag-dark-bg: #07284A;
+  --cmp-gnb-system-domainTag-dark-text: #FFFFFF;
+  --cmp-gnb-system-domainTag-darker-bg: #004177;
+  --cmp-gnb-system-domainTag-darker-text: #FFFFFF;
+  --cmp-gnb-system-item-height: 32px;
+  --cmp-gnb-system-item-radius: 8px;
+  --cmp-gnb-system-item-icon-frame: 24px;
+  --cmp-gnb-system-item-icon-glyph: 20px;
+  --cmp-gnb-system-item-icon-radius: 4px;
+  --cmp-gnb-system-item-iconLabelGap: 8px;
+  --cmp-gnb-system-item-light-bg-default: #FFFFFF;
+  --cmp-gnb-system-item-light-bg-hover: #F6F6F6;
+  --cmp-gnb-system-item-light-icon-bg: #FFFFFF;
+  --cmp-gnb-system-item-light-icon-default: #888888;
+  --cmp-gnb-system-item-light-text: #222222;
+  --cmp-gnb-system-item-dark-bg-default: #004177;
+  --cmp-gnb-system-item-dark-bg-hover: #025497;
+  --cmp-gnb-system-item-dark-icon-bg-default: #004177;
+  --cmp-gnb-system-item-dark-icon-bg-hover: #FFFFFF;
+  --cmp-gnb-system-item-dark-text: #FFFFFF;
+  --cmp-gnb-system-item-darker-bg-default: #001B39;
+  --cmp-gnb-system-item-darker-bg-hover: #002B5E;
+  --cmp-gnb-system-item-darker-icon-bg-default: #001B39;
+  --cmp-gnb-system-item-darker-icon-bg-hover: #FFFFFF;
+  --cmp-gnb-system-item-darker-text: #FFFFFF;
+  --cmp-gnb-system-actionButton-paddingLeft: 4px;
+  --cmp-gnb-system-actionButton-paddingRight: 6px;
+  --cmp-gnb-system-actionButton-selectData-gap: 4px;
+  --cmp-gnb-system-actionButton-selectData-icon: 16px;
+  --cmp-gnb-system-actionButton-selectData-text-light: #005CC9;
+  --cmp-gnb-system-actionButton-selectData-text-dark: #BBDAFF;
+  --cmp-gnb-system-actionButton-switch-icon: 16px;
+  --cmp-gnb-system-actionButton-switch-text-light: #555555;
+  --cmp-gnb-system-actionButton-switch-text-dark: #FFFFFF;
+  --cmp-gnb-system-actionButton-select-icon: 16px;
+  --cmp-gnb-system-accountButton-paddingY: 4px;
+  --cmp-gnb-system-accountButton-paddingX: 12px;
+  --cmp-gnb-system-accountButton-gap: 8px;
+  --cmp-gnb-system-accountButton-icon: 16px;
+  --cmp-gnb-system-accountButton-bg-default: #FFFFFF;
+  --cmp-gnb-system-accountButton-bg-hover: #F6F6F6;
+  --cmp-gnb-system-accountButton-bg-negativeHover: #FCEFEF;
+  --cmp-gnb-system-accountButton-content-default: #222222;
+  --cmp-gnb-system-accountButton-content-negative: #E30000;
+  --cmp-gnb-system-accountButton-selectData-gap: 4px;
+  --cmp-gnb-system-accountButton-selectData-icon: 16px;
+  --cmp-gnb-system-accountButton-selectData-text: #005CC9;
+  --cmp-gnb-system-accountListBox-width: 240px;
+  --cmp-gnb-system-accountListBox-bg: #FFFFFF;
+  --cmp-gnb-system-accountListBox-radius: 4px;
+  --cmp-gnb-system-accountListBox-userdata-bg: #F9F9F9;
+  --cmp-gnb-system-accountListBox-userdata-paddingX: 12px;
+  --cmp-gnb-system-accountListBox-userdata-paddingY: 8px;
+  --cmp-gnb-system-accountListBox-userdata-email-color: #888888;
+  --cmp-gnb-system-accountListBox-userdata-name-color: #555555;
+  --cmp-gnb-system-accountListBox-userdata-role-color: #888888;
+  --cmp-gnb-system-accountListBox-list-paddingY: 4px;
+  --cmp-gnb-system-alertButton-paddingX: 4px;
+  --cmp-gnb-system-alertButton-count-color-light: #0075FF;
+  --cmp-gnb-system-alertButton-count-color-dark: #FFD643;
+  --cmp-gnb-system-alertButton-bg-notificationHover-light: #EFF6FF;
+  --cmp-gnb-system-alertButton-icon-color-notification-light: #64ABFF;
+  --cmp-gnb-system-alertButton-icon-color-notification-dark: #FEE17C;
+  --cmp-gnb-system-setting-paddingX: 4px;
+  --cmp-gnb-system-min-padding: 8px;
+  --cmp-gnb-system-project-gap: 8px;
+  --cmp-gnb-system-project-padding: 8px;
   --cmp-list-group-gap: 8px;
   --cmp-list-group-padding: 16px;
   --cmp-listItem-paddingX: 16px;
@@ -5535,7 +7081,6 @@
   --cmp-listDraggableItem-bordered-border-hover: #AAAAAA;
   --cmp-listDraggableItem-bordered-dragging-bg: #EFF6FF;
   --cmp-listDraggableItem-bordered-dragging-border-color: #2D8DFF;
-  --cmp-listDraggableItem-bordered-dragging-border-width: 2px;
   --cmp-listDraggableItem-border-default: #E1E1E1;
   --cmp-listDraggableItem-border-width-default: 1px;
   --cmp-listDraggableItem-text-default: #222222;
@@ -5570,9 +7115,8 @@
   --cmp-tree-item-rowGap: 8px;
   --cmp-tree-item-contentGap: 12px;
   --cmp-tree-item-text-default: #222222;
-  --cmp-tree-item-text-selected: #0075FF;
   --cmp-tree-item-arrow-icon: 16px;
-  --cmp-tree-connector-line-color: #AAAAAA;
+  --cmp-tree-connector-line-color: #E1E1E1;
   --cmp-pageHeader-paddingX: 16px;
   --cmp-pageHeader-gap: 12px;
   --cmp-pageHeader-title-paddingLeft: 4px;
@@ -5719,6 +7263,12 @@
     font-weight: 500;
     line-height: 20px;
   }
+  .typo-body-sm-semibold {
+    font-family: Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;
+    font-size: 12px;
+    font-weight: 600;
+    line-height: 20px;
+  }
   .typo-body-sm-bold {
     font-family: Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;
     font-size: 12px;
@@ -5737,6 +7287,12 @@
     font-weight: 500;
     line-height: 24px;
   }
+  .typo-body-md-semibold {
+    font-family: Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;
+    font-size: 14px;
+    font-weight: 600;
+    line-height: 24px;
+  }
   .typo-body-md-bold {
     font-family: Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;
     font-size: 14px;