@uniai-fe/uds-primitives 0.8.0 → 0.9.0

package/dist/styles.css

@@ -15,14 +15,14 @@
   --alternate-layout-title-font-size: var(--font-heading-small-size);
   --alternate-layout-title-line-height: var(--font-heading-small-line-height);
   --alternate-layout-title-letter-spacing: var(
-  --font-heading-small-letter-spacing
+    --font-heading-small-letter-spacing
   );
   --alternate-layout-title-font-weight: var(--font-heading-small-weight);
   --alternate-layout-contents-color: var(--color-label-neutral);
   --alternate-layout-contents-font-size: var(--font-body-small-size);
   --alternate-layout-contents-line-height: var(--font-body-small-line-height);
   --alternate-layout-contents-letter-spacing: var(
-  --font-body-small-letter-spacing
+    --font-body-small-letter-spacing
   );
   --alternate-layout-contents-font-weight: var(--font-body-small-weight);
   --alternate-layout-text-button-color: var(--color-primary-standard);
@@ -49,7 +49,7 @@
   --theme-badge-line-height-small: var(--font-caption-large-line-height);
   --theme-badge-line-height-medium: var(--font-body-xsmall-line-height);
   --theme-badge-letter-spacing-xsmall: var(
-  --font-caption-medium-letter-spacing
+    --font-caption-medium-letter-spacing
   );
   --theme-badge-letter-spacing-small: var(--font-caption-large-letter-spacing);
   --theme-badge-letter-spacing-medium: var(--font-body-xsmall-letter-spacing);
@@ -121,44 +121,44 @@
   --button-default-font-body-medium-size: var(--font-body-medium-size);
   --button-default-font-body-medium-weight: var(--font-body-medium-weight);
   --button-default-font-body-medium-line-height: var(
-  --font-body-medium-line-height
+    --font-body-medium-line-height
   );
   --button-default-font-body-medium-letter-spacing: var(
-  --font-body-medium-letter-spacing
+    --font-body-medium-letter-spacing
   );
   --button-default-font-label-medium-size: var(--font-label-medium-size);
   --button-default-font-label-medium-weight: var(--font-label-medium-weight);
   --button-default-font-label-medium-line-height: var(
-  --font-label-medium-line-height
+    --font-label-medium-line-height
   );
   --button-default-font-label-medium-letter-spacing: var(
-  --font-label-medium-letter-spacing
+    --font-label-medium-letter-spacing
   );
   --button-default-font-label-large-size: var(--font-label-large-size);
   --button-default-font-label-large-weight: var(--font-label-large-weight);
   --button-default-font-label-large-line-height: var(
-  --font-label-large-line-height
+    --font-label-large-line-height
   );
   --button-default-font-label-large-letter-spacing: var(
-  --font-label-large-letter-spacing
+    --font-label-large-letter-spacing
   );
   --button-default-font-body-large-size: var(--font-body-large-size);
   --button-default-font-body-large-weight: var(--font-body-large-weight);
   --button-default-font-body-large-line-height: var(
-  --font-body-large-line-height
+    --font-body-large-line-height
   );
   --button-default-font-body-large-letter-spacing: var(
-  --font-body-large-letter-spacing
+    --font-body-large-letter-spacing
   );
   /* 변경: table 버튼은 caption-large 스케일(12px)을 사용한다. */
   --button-default-font-caption-large-size: var(--font-caption-large-size);
   /* 변경: table 버튼 텍스트는 font-weight를 400으로 고정한다. */
   --button-default-font-caption-large-weight: 400;
   --button-default-font-caption-large-line-height: var(
-  --font-caption-large-line-height
+    --font-caption-large-line-height
   );
   --button-default-font-caption-large-letter-spacing: var(
-  --font-caption-large-letter-spacing
+    --font-caption-large-letter-spacing
   );
   --button-default-font-weight: 400;
   /* default button colors (priority 기반) */
@@ -182,7 +182,7 @@
   --button-default-secondary-outline-foreground: var(--color-primary-default);
   --button-default-secondary-outline-hover-bg: var(--color-blue-90);
   --button-default-secondary-outline-hover-foreground: var(
-  --color-primary-heavy
+    --color-primary-heavy
   );
   --button-default-secondary-overlay-outlined-bg: var(--color-cool-gray-95);
   --button-default-tertiary-solid-bg: var(--color-surface-neutral);
@@ -198,21 +198,21 @@
   /* text button colors */
   --button-text-secondary-foreground: var(--color-primary-default);
   --button-text-secondary-hover-bg: var(
-  --color-bg-alternative-cool-gray,
-  var(--color-cool-gray-95)
+    --color-bg-alternative-cool-gray,
+    var(--color-cool-gray-95)
   );
   --button-text-secondary-pressed-bg: var(
-  --color-secondary-strong,
-  var(--color-blue-90)
+    --color-secondary-strong,
+    var(--color-blue-90)
   );
   --button-text-tertiary-foreground: var(--color-cool-gray-10);
   --button-text-tertiary-hover-bg: var(
-  --color-bg-alternative-cool-gray,
-  var(--color-cool-gray-95)
+    --color-bg-alternative-cool-gray,
+    var(--color-cool-gray-95)
   );
   --button-text-tertiary-pressed-bg: var(
-  --color-surface-strong,
-  var(--color-cool-gray-20)
+    --color-surface-strong,
+    var(--color-cool-gray-20)
   );
   --carousel-gap: var(--spacing-gap-5);
   --carousel-inside-button-offset: var(--spacing-padding-2);
@@ -299,12 +299,12 @@
   --drawer-padding-x: calc(var(--spacing-padding-10, 32px) - 2px);
   --drawer-padding-top: var(--spacing-padding-7, 20px);
   --drawer-padding-bottom: calc(
-  var(--spacing-padding-11, 40px) + var(--spacing-padding-7, 20px)
+    var(--spacing-padding-11, 40px) + var(--spacing-padding-7, 20px)
   );
   --drawer-footer-gap: var(--spacing-gap-6, 16px);
   --drawer-section-gap: var(--spacing-gap-6, 16px);
   --drawer-handle-width: calc(
-  var(--spacing-padding-11, 40px) + var(--spacing-padding-7, 20px)
+    var(--spacing-padding-11, 40px) + var(--spacing-padding-7, 20px)
   );
   --drawer-handle-height: var(--spacing-padding-2, 4px);
   --drawer-handle-bg: var(--color-border-standard-cool-gray);
@@ -324,7 +324,7 @@
   --dropdown-panel-radius-xsmall: var(--theme-radius-medium-2);
   --dropdown-panel-shadow-xsmall: 2px 2px 8px rgba(0, 0, 0, 0.05);
   --dropdown-panel-padding-xsmall: var(--spacing-padding-4)
-  var(--spacing-padding-3);
+    var(--spacing-padding-3);
   --dropdown-panel-gap-xsmall: var(--spacing-gap-2);
   --dropdown-option-radius: var(--theme-radius-medium-1);
   --dropdown-option-gap-inline: var(--spacing-gap-3);
@@ -332,10 +332,10 @@
   --dropdown-option-padding-block: var(--spacing-padding-2);
   --dropdown-option-radius-selected: var(--dropdown-option-radius);
   --dropdown-option-padding-inline-selected: var(
-  --dropdown-option-padding-inline
+    --dropdown-option-padding-inline
   );
   --dropdown-option-padding-block-selected: var(
-  --dropdown-option-padding-block
+    --dropdown-option-padding-block
   );
   --dropdown-option-color: var(--color-label-standard);
   --dropdown-option-color-hover: var(--color-label-strong);
@@ -364,7 +364,7 @@
   --dropdown-text-size-selected: var(--dropdown-text-medium-size);
   --dropdown-text-line-height-selected: var(--dropdown-text-medium-line-height);
   --dropdown-text-letter-spacing-selected: var(
-  --dropdown-text-medium-letter-spacing
+    --dropdown-text-medium-letter-spacing
   );
   --dropdown-option-height-selected: var(--dropdown-option-height-medium);
   --dropdown-option-height-xsmall: 24px;
@@ -447,7 +447,7 @@
   --input-textarea-counter-line-height: var(--font-label-medium-line-height);
   --input-textarea-counter-font-weight: var(--font-label-medium-weight);
   --input-textarea-counter-letter-spacing: var(
-  --font-label-medium-letter-spacing
+    --font-label-medium-letter-spacing
   );
   --input-table-text-small-size: var(--table-td-text-size);
   --input-table-text-small-line-height: var(--table-td-text-line-height);
@@ -515,7 +515,7 @@
   --input-table-surface-color: transparent;
   --input-table-surface-disabled-color: var(--input-table-surface-color);
   --input-table-surface-readonly-color: var(
-  --input-table-surface-disabled-color
+    --input-table-surface-disabled-color
   );
   --input-secondary-surface-color: transparent;
   /* Status/affix colors */
@@ -570,17 +570,17 @@
   --input-time-text-small-line-height: var(--input-text-small-line-height);
   --input-time-text-small-weight: var(--input-text-small-weight);
   --input-time-text-small-letter-spacing: var(
-  --input-text-small-letter-spacing
+    --input-text-small-letter-spacing
   );
   --input-time-text-large-size: var(--input-text-large-size);
   --input-time-text-large-line-height: var(--input-text-large-line-height);
   --input-time-text-large-weight: var(--input-text-large-weight);
   --input-time-text-large-letter-spacing: var(
-  --input-text-large-letter-spacing
+    --input-text-large-letter-spacing
   );
   --input-time-table-text-size: var(--input-table-text-small-size);
   --input-time-table-text-line-height: var(
-  --input-table-text-small-line-height
+    --input-table-text-small-line-height
   );
   --input-time-table-text-weight: var(--input-table-text-small-weight);
   --input-time-border-color: var(--input-border-color);
@@ -699,34 +699,34 @@
   --select-table-surface-color: transparent;
   /* 변경: table disabled 배경은 input table disabled surface 계약과 동일하게 맞춘다. */
   --select-table-surface-disabled-color: var(
-  --input-table-surface-disabled-color
+    --input-table-surface-disabled-color
   );
   --select-table-surface-readonly-color: transparent;
   --select-table-color-text: var(--input-text-color);
   --select-table-color-text-readonly: var(--select-primary-color-text-readonly);
   --select-table-color-placeholder: var(--input-placeholder-color);
   --select-table-color-placeholder-disabled: var(
-  --select-primary-color-placeholder-disabled
+    --select-primary-color-placeholder-disabled
   );
   --select-table-color-placeholder-readonly: var(
-  --select-primary-color-placeholder-readonly
+    --select-primary-color-placeholder-readonly
   );
   --select-table-icon-color-default: var(--select-icon-color-default);
   --select-table-icon-color-focused: var(--select-icon-color-focused);
   --select-table-icon-color-disabled: var(--select-icon-color-disabled);
   --select-table-text-small-size: var(--input-table-text-small-size);
   --select-table-text-small-line-height: var(
-  --input-table-text-small-line-height
+    --input-table-text-small-line-height
   );
   --select-table-text-small-weight: var(--input-table-text-small-weight);
   --select-table-text-medium-size: var(--input-table-text-medium-size);
   --select-table-text-medium-line-height: var(
-  --input-table-text-medium-line-height
+    --input-table-text-medium-line-height
   );
   --select-table-text-medium-weight: var(--input-table-text-medium-weight);
   --select-table-text-large-size: var(--input-table-text-large-size);
   --select-table-text-large-line-height: var(
-  --input-table-text-large-line-height
+    --input-table-text-large-line-height
   );
   --select-table-text-large-weight: var(--input-table-text-large-weight);
   /* 변경: trigger 텍스트 토큰을 input text 토큰과 직접 매핑해 size별 typography를 동기화한다. */
@@ -754,7 +754,7 @@
   /* 변경: placeholder disabled/readonly 토큰을 분리해 상태별 제어 지점을 고정한다. */
   --select-primary-color-placeholder-disabled: var(--color-label-disabled);
   --select-primary-color-placeholder-readonly: var(
-  --select-primary-color-placeholder
+    --select-primary-color-placeholder
   );
   --select-primary-color-surface: var(--input-surface-color);
   --select-primary-color-text: var(--color-label-alternative);
@@ -771,20 +771,20 @@
   --select-color-border-secondary-focused: var(--input-border-active-color);
   --select-color-border-secondary-error: var(--input-border-error-color);
   --select-color-border-secondary-disabled: var(
-  --input-border-underline-disabled-color
+    --input-border-underline-disabled-color
   );
   --select-primary-color-surface-disabled: var(--input-surface-disabled-color);
   --select-secondary-color-text: var(--color-label-standard);
   --select-secondary-color-text-disabled: var(--color-label-disabled);
   --select-secondary-color-text-readonly: var(
-  --select-primary-color-text-readonly
+    --select-primary-color-text-readonly
   );
   --select-secondary-color-border-disabled: var(--color-label-disabled);
   --select-secondary-color-border-readonly: transparent;
   --select-secondary-color-placeholder: var(--color-label-alternative);
   --select-secondary-color-placeholder-disabled: var(--color-label-disabled);
   --select-secondary-color-placeholder-readonly: var(
-  --select-secondary-color-placeholder
+    --select-secondary-color-placeholder
   );
   --select-color-surface-secondary: transparent;
   --select-color-surface-secondary-hover: var(--color-surface-static-cool-gray);
@@ -821,7 +821,7 @@
   --select-multiple-chip-summary-radius: var(--theme-radius-medium-1);
   --select-multiple-chip-summary-font-size: var(--font-body-medium-size);
   --select-multiple-chip-summary-line-height: var(
-  --font-body-medium-line-height
+    --font-body-medium-line-height
   );
   --select-multiple-chip-summary-font-weight: 400;
   /* Typography tokens */
@@ -838,9 +838,9 @@
   --switch-track-background-checked: var(--color-primary-standard);
   --switch-thumb-background: var(--color-surface-static-white);
   --switch-thumb-shadow-unchecked:
-  0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.08);
+    0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.08);
   --switch-thumb-shadow-checked:
-  0px 2px 8px rgba(0, 0, 0, 0.08), 0px 0px 4px rgba(0, 0, 0, 0.12);
+    0px 2px 8px rgba(0, 0, 0, 0.08), 0px 0px 4px rgba(0, 0, 0, 0.12);
   --switch-focus-ring: var(--color-primary-focus);
   --switch-disabled-opacity: 0.4;
   --switch-text-width: fit-content;
@@ -866,7 +866,7 @@
   --switch-text-label-font-weight: var(--font-body-xxsmall-weight);
   --switch-text-label-font-weight-selected: 600;
   --switch-text-item-shadow-selected:
-  0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.04);
+    0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.04);
   --tab-height-small: 40px;
   --tab-height-medium: 48px;
   --tab-height-large: 56px;
@@ -904,7 +904,7 @@
   --table-line-head-background-color: var(--color-surface-static-cool-gray);
   --table-grid-head-background-color: var(--color-surface-static-cool-gray);
   --table-grid-row-header-background-color: var(
-  --color-surface-static-cool-gray
+    --color-surface-static-cool-gray
   );
   --table-grid-row-highlight-background-color: rgba(229, 238, 255, 0.52);
   --table-cell-background-color: var(--color-surface-static-white);
@@ -1112,7 +1112,6 @@
 
 /* Badge 기본 토큰 래핑 */
 
-
 .badge {
   --badge-height: var(--theme-badge-height-xsmall);
   --badge-padding-inline: var(--theme-badge-padding-inline-xsmall);
@@ -1146,7 +1145,7 @@
   letter-spacing: var(--badge-letter-spacing);
 }
 
-.badge:where([data-size=small]) {
+.badge:where([data-size="small"]) {
   --badge-height: var(--theme-badge-height-small);
   --badge-padding-inline: var(--theme-badge-padding-inline-small);
   --badge-radius: var(--theme-badge-radius-small);
@@ -1156,7 +1155,7 @@
   --badge-letter-spacing: var(--theme-badge-letter-spacing-small);
 }
 
-.badge:where([data-size=medium]) {
+.badge:where([data-size="medium"]) {
   --badge-height: var(--theme-badge-height-medium);
   --badge-padding-inline: var(--theme-badge-padding-inline-medium);
   --badge-radius: var(--theme-badge-radius-medium);
@@ -1167,31 +1166,40 @@
 }
 
 /* 변경: 새 color props를 기본 계약으로 삼고, semantic preset은 style별 selector에서 보정한다. */
-.badge:where([data-style=fill]) {
-  background-color: var(--badge-background-color, var(--theme-badge-fill-background-default));
+.badge:where([data-style="fill"]) {
+  background-color: var(
+    --badge-background-color,
+    var(--theme-badge-fill-background-default)
+  );
   color: var(--badge-text-color, var(--theme-badge-fill-text-default));
   --badge-border-color: transparent;
 }
 
-.badge:where([data-style=outlined]) {
-  background-color: var(--badge-background-color, var(--theme-badge-outlined-background-default));
+.badge:where([data-style="outlined"]) {
+  background-color: var(
+    --badge-background-color,
+    var(--theme-badge-outlined-background-default)
+  );
   color: var(--badge-text-color, var(--theme-badge-outlined-text-default));
   --badge-border-width: 1px;
   --badge-border-color: var(--theme-badge-outlined-border-default);
 }
 
-.badge:where([data-style=count]) {
-  background-color: var(--badge-background-color, var(--theme-badge-count-background-default));
+.badge:where([data-style="count"]) {
+  background-color: var(
+    --badge-background-color,
+    var(--theme-badge-count-background-default)
+  );
   color: var(--badge-text-color, var(--theme-badge-count-text-default));
   --badge-border-color: transparent;
   border-radius: calc(var(--badge-height) / 2);
 }
 
-.badge:where([data-style=count][data-size=xsmall]) {
+.badge:where([data-style="count"][data-size="xsmall"]) {
   border-radius: var(--theme-badge-count-radius-xsmall);
 }
 
-.badge:where([data-style=dot]) {
+.badge:where([data-style="dot"]) {
   width: var(--badge-dot-size);
   min-width: 0;
   height: var(--badge-dot-size);
@@ -1201,12 +1209,15 @@
   background-color: transparent;
 }
 
-.badge:where([data-style=dot]) .badge-dot {
+.badge:where([data-style="dot"]) .badge-dot {
   width: var(--badge-dot-size);
   height: var(--badge-dot-size);
   flex-shrink: 0;
   border-radius: 999px;
-  background-color: var(--badge-background-color, var(--theme-badge-dot-background-default));
+  background-color: var(
+    --badge-background-color,
+    var(--theme-badge-dot-background-default)
+  );
 }
 
 .badge :where(.badge-label) {
@@ -1216,7 +1227,7 @@
   line-height: inherit;
 }
 
-.badge:where([data-style=dot]) .badge-label {
+.badge:where([data-style="dot"]) .badge-label {
   width: 0;
   height: 0;
   overflow: hidden;
@@ -1224,131 +1235,130 @@
   line-height: 0;
 }
 
-.badge:where([data-style=fill][data-preset=primary]) {
+.badge:where([data-style="fill"][data-preset="primary"]) {
   --badge-background-color: var(--color-primary-default);
   --badge-text-color: var(--color-common-100);
 }
 
-.badge:where([data-style=fill][data-preset=secondary]) {
+.badge:where([data-style="fill"][data-preset="secondary"]) {
   --badge-background-color: var(--color-secondary-default);
   --badge-text-color: var(--color-primary-default);
 }
 
-.badge:where([data-style=fill][data-preset=tertiary]) {
+.badge:where([data-style="fill"][data-preset="tertiary"]) {
   --badge-background-color: var(--color-cool-gray-10);
   --badge-text-color: var(--color-common-100);
 }
 
-.badge:where([data-style=fill][data-preset=gray]) {
+.badge:where([data-style="fill"][data-preset="gray"]) {
   --badge-background-color: var(--color-surface-neutral);
   --badge-text-color: var(--color-label-neutral);
 }
 
-.badge:where([data-style=fill][data-preset=green]) {
+.badge:where([data-style="fill"][data-preset="green"]) {
   --badge-background-color: var(--color-green-95);
   --badge-text-color: var(--color-green-45);
 }
 
-.badge:where([data-style=fill][data-preset=yellow]) {
+.badge:where([data-style="fill"][data-preset="yellow"]) {
   --badge-background-color: var(--color-yellow-95);
   --badge-text-color: var(--color-yellow-45);
 }
 
-.badge:where([data-style=fill][data-preset=orange]) {
+.badge:where([data-style="fill"][data-preset="orange"]) {
   --badge-background-color: var(--color-orange-95);
   --badge-text-color: var(--color-orange-55);
 }
 
-.badge:where([data-style=fill][data-preset=red]) {
+.badge:where([data-style="fill"][data-preset="red"]) {
   --badge-background-color: var(--color-red-95);
   --badge-text-color: var(--color-red-55);
 }
 
-.badge:where([data-style=outlined][data-preset=primary]) {
+.badge:where([data-style="outlined"][data-preset="primary"]) {
   --badge-border-color: var(--color-primary-default);
   --badge-text-color: var(--color-primary-default);
 }
 
-.badge:where([data-style=outlined][data-preset=secondary]) {
+.badge:where([data-style="outlined"][data-preset="secondary"]) {
   --badge-border-color: var(--color-border-standard-blue);
   --badge-text-color: var(--color-primary-strong);
 }
 
-.badge:where([data-style=outlined][data-preset=tertiary]) {
+.badge:where([data-style="outlined"][data-preset="tertiary"]) {
   --badge-border-color: var(--color-border-heavy);
   --badge-text-color: var(--color-label-strong);
 }
 
-.badge:where([data-style=outlined][data-preset=gray]) {
+.badge:where([data-style="outlined"][data-preset="gray"]) {
   --badge-border-color: var(--color-border-assistive);
   --badge-text-color: var(--color-label-standard);
 }
 
-.badge:where([data-style=outlined][data-preset=green]) {
+.badge:where([data-style="outlined"][data-preset="green"]) {
   --badge-border-color: var(--color-green-45);
   --badge-text-color: var(--color-green-45);
 }
 
-.badge:where([data-style=outlined][data-preset=yellow]) {
+.badge:where([data-style="outlined"][data-preset="yellow"]) {
   --badge-border-color: var(--color-yellow-60);
   --badge-text-color: var(--color-yellow-45);
 }
 
-.badge:where([data-style=outlined][data-preset=orange]) {
+.badge:where([data-style="outlined"][data-preset="orange"]) {
   --badge-border-color: var(--color-orange-70);
   --badge-text-color: var(--color-orange-55);
 }
 
-.badge:where([data-style=outlined][data-preset=red]) {
+.badge:where([data-style="outlined"][data-preset="red"]) {
   --badge-border-color: var(--color-red-70);
   --badge-text-color: var(--color-red-55);
 }
 
-.badge:where([data-style=count][data-preset=primary]) {
+.badge:where([data-style="count"][data-preset="primary"]) {
   --badge-background-color: var(--color-primary-default);
   --badge-text-color: var(--color-common-100);
 }
 
-.badge:where([data-style=count][data-preset=gray]) {
+.badge:where([data-style="count"][data-preset="gray"]) {
   --badge-background-color: var(--color-cool-gray-90);
   --badge-text-color: var(--color-label-standard);
 }
 
-.badge:where([data-style=dot][data-preset=primary]) {
+.badge:where([data-style="dot"][data-preset="primary"]) {
   --badge-background-color: var(--color-primary-default);
 }
 
-.badge:where([data-style=dot][data-preset=secondary]) {
+.badge:where([data-style="dot"][data-preset="secondary"]) {
   --badge-background-color: var(--color-secondary-default);
 }
 
-.badge:where([data-style=dot][data-preset=tertiary]) {
+.badge:where([data-style="dot"][data-preset="tertiary"]) {
   --badge-background-color: var(--color-cool-gray-10);
 }
 
-.badge:where([data-style=dot][data-preset=gray]) {
+.badge:where([data-style="dot"][data-preset="gray"]) {
   --badge-background-color: var(--color-cool-gray-90);
 }
 
-.badge:where([data-style=dot][data-preset=green]) {
+.badge:where([data-style="dot"][data-preset="green"]) {
   --badge-background-color: var(--color-green-45);
 }
 
-.badge:where([data-style=dot][data-preset=yellow]) {
+.badge:where([data-style="dot"][data-preset="yellow"]) {
   --badge-background-color: var(--color-yellow-45);
 }
 
-.badge:where([data-style=dot][data-preset=orange]) {
+.badge:where([data-style="dot"][data-preset="orange"]) {
   --badge-background-color: var(--color-orange-55);
 }
 
-.badge:where([data-style=dot][data-preset=red]) {
+.badge:where([data-style="dot"][data-preset="red"]) {
   --badge-background-color: var(--color-red-55);
 }
 
 /* 버튼 전용 토큰은 theme root에서 한 번만 정의하며, size 기반 규칙(--button-{type}-{property}-{size})을 따른다. */
 
-
 /* 버튼 변수 로딩 */
 /* 버튼 관련 CSS 변수는 variables.scss에서 주입된다. */
 /* priority 토큰은 --button-default-{priority}-* 컬러 변수와 연결된다. */
@@ -1360,11 +1370,20 @@
   gap: var(--button-default-gap-medium, var(--spacing-gap-2, 8px));
   width: var(--button-width);
   flex: var(--button-flex);
-  min-width: var(--button-default-width-min-base, var(--theme-size-small-2, 24px));
+  min-width: var(
+    --button-default-width-min-base,
+    var(--theme-size-small-2, 24px)
+  );
   min-height: var(--button-min-height, auto);
-  padding-inline: var(--button-padding-inline, var(--button-default-padding-inline-base, var(--spacing-padding-4, 16px)));
+  padding-inline: var(
+    --button-padding-inline,
+    var(--button-default-padding-inline-base, var(--spacing-padding-4, 16px))
+  );
   padding-block: 0;
-  border-radius: var(--button-border-radius, var(--button-default-radius-medium, var(--theme-radius-medium-1, 8px)));
+  border-radius: var(
+    --button-border-radius,
+    var(--button-default-radius-medium, var(--theme-radius-medium-1, 8px))
+  );
   border: 1px solid transparent;
   background-color: transparent;
   color: var(--button-default-neutral-foreground, var(--color-neutral-20));
@@ -1373,11 +1392,38 @@
   cursor: pointer;
 }
 .button span {
-  font-family: var(--font-caption-medium-family, var(--button-default-font-body-medium-family, var(--font-body-medium-family, "Pretendard")));
-  font-size: var(--font-caption-medium-size, var(--button-default-font-body-medium-size, var(--font-body-medium-size, 16px)));
-  font-weight: var(--font-caption-medium-weight, var(--button-default-font-weight, 400));
-  line-height: var(--font-caption-medium-line-height, var(--button-default-font-body-medium-line-height, var(--font-body-medium-line-height, 24px)));
-  letter-spacing: var(--font-caption-medium-letter-spacing, var(--button-default-font-body-medium-letter-spacing, var(--font-body-medium-letter-spacing, 0px)));
+  font-family: var(
+    --font-caption-medium-family,
+    var(
+      --button-default-font-body-medium-family,
+      var(--font-body-medium-family, "Pretendard")
+    )
+  );
+  font-size: var(
+    --font-caption-medium-size,
+    var(
+      --button-default-font-body-medium-size,
+      var(--font-body-medium-size, 16px)
+    )
+  );
+  font-weight: var(
+    --font-caption-medium-weight,
+    var(--button-default-font-weight, 400)
+  );
+  line-height: var(
+    --font-caption-medium-line-height,
+    var(
+      --button-default-font-body-medium-line-height,
+      var(--font-body-medium-line-height, 24px)
+    )
+  );
+  letter-spacing: var(
+    --font-caption-medium-letter-spacing,
+    var(
+      --button-default-font-body-medium-letter-spacing,
+      var(--font-body-medium-letter-spacing, 0px)
+    )
+  );
 }
 .button .button-icon,
 .button .button-label,
@@ -1387,272 +1433,743 @@
   align-items: center;
   justify-content: center;
 }
-.button[data-width=auto] {
+.button[data-width="auto"] {
   --button-width: auto;
   --button-flex: 0 1 auto;
 }
-.button[data-width=fill] {
+.button[data-width="fill"] {
   --button-width: auto;
   --button-flex: 1 1 0%;
 }
-.button[data-width=full], .button.button-block {
+.button[data-width="full"],
+.button.button-block {
   --button-width: 100%;
   --button-flex: 0 0 100%;
 }
-.button[data-width=fit] {
+.button[data-width="fit"] {
   --button-width: fit-content;
   --button-flex: 0 0 auto;
 }
-.button[data-width=custom] {
+.button[data-width="custom"] {
   --button-flex: 0 0 auto;
 }
 .button:not(.button-fill-solid):not(.button-fill-outlined) {
   background-color: transparent;
-  border-color: var(--button-default-tertiary-outline-border, var(--color-cool-gray-90));
-  color: var(--button-default-tertiary-outline-foreground, var(--color-cool-gray-10));
+  border-color: var(
+    --button-default-tertiary-outline-border,
+    var(--color-cool-gray-90)
+  );
+  color: var(
+    --button-default-tertiary-outline-foreground,
+    var(--color-cool-gray-10)
+  );
 }
-.button:not(.button-fill-solid):not(.button-fill-outlined):hover:not(:disabled):not([aria-disabled=true]), .button:not(.button-fill-solid):not(.button-fill-outlined)[data-user-action=hover]:not(:disabled):not([aria-disabled=true]) {
-  background-color: var(--button-default-tertiary-outline-hover-bg, var(--color-cool-gray-95));
-  border-color: var(--button-default-tertiary-outline-border, var(--color-cool-gray-90));
+.button:not(.button-fill-solid):not(.button-fill-outlined):hover:not(
+    :disabled
+  ):not([aria-disabled="true"]),
+.button:not(.button-fill-solid):not(
+    .button-fill-outlined
+  )[data-user-action="hover"]:not(:disabled):not([aria-disabled="true"]) {
+  background-color: var(
+    --button-default-tertiary-outline-hover-bg,
+    var(--color-cool-gray-95)
+  );
+  border-color: var(
+    --button-default-tertiary-outline-border,
+    var(--color-cool-gray-90)
+  );
 }
-.button:not(.button-fill-solid):not(.button-fill-outlined):active:not(:disabled):not([aria-disabled=true]), .button:not(.button-fill-solid):not(.button-fill-outlined)[data-user-action=pressed]:not(:disabled):not([aria-disabled=true]) {
-  background-color: var(--button-default-tertiary-solid-bg, var(--color-surface-neutral));
-  border-color: var(--button-default-tertiary-outline-border, var(--color-cool-gray-90));
+.button:not(.button-fill-solid):not(.button-fill-outlined):active:not(
+    :disabled
+  ):not([aria-disabled="true"]),
+.button:not(.button-fill-solid):not(
+    .button-fill-outlined
+  )[data-user-action="pressed"]:not(:disabled):not([aria-disabled="true"]) {
+  background-color: var(
+    --button-default-tertiary-solid-bg,
+    var(--color-surface-neutral)
+  );
+  border-color: var(
+    --button-default-tertiary-outline-border,
+    var(--color-cool-gray-90)
+  );
 }
-.button:where([aria-busy=true]) {
+.button:where([aria-busy="true"]) {
   pointer-events: none;
   cursor: progress;
 }
 .button:where(.button-fill-solid.button-priority-primary) {
-  background-color: var(--button-default-primary-solid-bg, var(--color-primary-default));
-  border-color: var(--button-default-primary-solid-bg, var(--color-primary-default));
-  color: var(--button-default-primary-solid-foreground, var(--color-common-100));
+  background-color: var(
+    --button-default-primary-solid-bg,
+    var(--color-primary-default)
+  );
+  border-color: var(
+    --button-default-primary-solid-bg,
+    var(--color-primary-default)
+  );
+  color: var(
+    --button-default-primary-solid-foreground,
+    var(--color-common-100)
+  );
 }
-.button:where(.button-fill-solid.button-priority-primary):disabled, .button:where(.button-fill-solid.button-priority-primary)[aria-disabled=true] {
-  background-color: var(--button-default-neutral-disabled-bg, var(--color-surface-standard));
-  border-color: var(--button-default-neutral-disabled-bg, var(--color-surface-standard));
-  color: var(--button-default-neutral-disabled-foreground, var(--color-label-disabled));
+.button:where(.button-fill-solid.button-priority-primary):disabled,
+.button:where(
+    .button-fill-solid.button-priority-primary
+  )[aria-disabled="true"] {
+  background-color: var(
+    --button-default-neutral-disabled-bg,
+    var(--color-surface-standard)
+  );
+  border-color: var(
+    --button-default-neutral-disabled-bg,
+    var(--color-surface-standard)
+  );
+  color: var(
+    --button-default-neutral-disabled-foreground,
+    var(--color-label-disabled)
+  );
 }
-.button:where(.button-fill-solid.button-priority-primary):hover:not(:disabled):not([aria-disabled=true]), .button:where(.button-fill-solid.button-priority-primary)[data-user-action=hover]:not(:disabled):not([aria-disabled=true]) {
-  background-color: var(--button-default-primary-solid-hover-bg, var(--color-blue-50));
-  border-color: var(--button-default-primary-solid-hover-bg, var(--color-blue-50));
+.button:where(.button-fill-solid.button-priority-primary):hover:not(
+    :disabled
+  ):not([aria-disabled="true"]),
+.button:where(
+    .button-fill-solid.button-priority-primary
+  )[data-user-action="hover"]:not(:disabled):not([aria-disabled="true"]) {
+  background-color: var(
+    --button-default-primary-solid-hover-bg,
+    var(--color-blue-50)
+  );
+  border-color: var(
+    --button-default-primary-solid-hover-bg,
+    var(--color-blue-50)
+  );
 }
-.button:where(.button-fill-solid.button-priority-primary):active:not(:disabled):not([aria-disabled=true]), .button:where(.button-fill-solid.button-priority-primary)[data-user-action=pressed]:not(:disabled):not([aria-disabled=true]) {
-  background-color: var(--button-default-primary-solid-active-bg, var(--color-blue-45));
-  border-color: var(--button-default-primary-solid-active-bg, var(--color-blue-45));
+.button:where(.button-fill-solid.button-priority-primary):active:not(
+    :disabled
+  ):not([aria-disabled="true"]),
+.button:where(
+    .button-fill-solid.button-priority-primary
+  )[data-user-action="pressed"]:not(:disabled):not([aria-disabled="true"]) {
+  background-color: var(
+    --button-default-primary-solid-active-bg,
+    var(--color-blue-45)
+  );
+  border-color: var(
+    --button-default-primary-solid-active-bg,
+    var(--color-blue-45)
+  );
 }
 .button:where(.button-fill-outlined.button-priority-primary) {
   background-color: transparent;
-  color: var(--button-default-primary-outline-foreground, var(--color-primary-default));
-  border-color: var(--button-default-primary-outline-border, var(--color-primary-default));
+  color: var(
+    --button-default-primary-outline-foreground,
+    var(--color-primary-default)
+  );
+  border-color: var(
+    --button-default-primary-outline-border,
+    var(--color-primary-default)
+  );
 }
-.button:where(.button-fill-outlined.button-priority-primary):disabled, .button:where(.button-fill-outlined.button-priority-primary)[aria-disabled=true] {
-  background-color: var(--button-default-neutral-disabled-bg, var(--color-surface-standard));
-  border-color: var(--button-default-neutral-disabled-bg, var(--color-surface-standard));
-  color: var(--button-default-neutral-disabled-foreground, var(--color-label-disabled));
+.button:where(.button-fill-outlined.button-priority-primary):disabled,
+.button:where(
+    .button-fill-outlined.button-priority-primary
+  )[aria-disabled="true"] {
+  background-color: var(
+    --button-default-neutral-disabled-bg,
+    var(--color-surface-standard)
+  );
+  border-color: var(
+    --button-default-neutral-disabled-bg,
+    var(--color-surface-standard)
+  );
+  color: var(
+    --button-default-neutral-disabled-foreground,
+    var(--color-label-disabled)
+  );
 }
-.button:where(.button-fill-outlined.button-priority-primary):hover:not(:disabled):not([aria-disabled=true]), .button:where(.button-fill-outlined.button-priority-primary)[data-user-action=hover]:not(:disabled):not([aria-disabled=true]) {
-  background-color: var(--button-default-primary-outline-hover-bg, var(--color-primary-default));
-  border-color: var(--button-default-primary-outline-border, var(--color-primary-default));
+.button:where(.button-fill-outlined.button-priority-primary):hover:not(
+    :disabled
+  ):not([aria-disabled="true"]),
+.button:where(
+    .button-fill-outlined.button-priority-primary
+  )[data-user-action="hover"]:not(:disabled):not([aria-disabled="true"]) {
+  background-color: var(
+    --button-default-primary-outline-hover-bg,
+    var(--color-primary-default)
+  );
+  border-color: var(
+    --button-default-primary-outline-border,
+    var(--color-primary-default)
+  );
 }
-.button:where(.button-fill-outlined.button-priority-primary):active:not(:disabled):not([aria-disabled=true]), .button:where(.button-fill-outlined.button-priority-primary)[data-user-action=pressed]:not(:disabled):not([aria-disabled=true]) {
-  background-color: var(--button-default-primary-solid-bg, var(--color-primary-default));
-  border-color: var(--button-default-primary-outline-border, var(--color-primary-default));
+.button:where(.button-fill-outlined.button-priority-primary):active:not(
+    :disabled
+  ):not([aria-disabled="true"]),
+.button:where(
+    .button-fill-outlined.button-priority-primary
+  )[data-user-action="pressed"]:not(:disabled):not([aria-disabled="true"]) {
+  background-color: var(
+    --button-default-primary-solid-bg,
+    var(--color-primary-default)
+  );
+  border-color: var(
+    --button-default-primary-outline-border,
+    var(--color-primary-default)
+  );
 }
 .button:where(.button-fill-solid.button-priority-secondary) {
-  background-color: var(--button-default-secondary-solid-bg, var(--color-blue-95, #e5eeff));
-  border-color: var(--button-default-secondary-solid-bg, var(--color-blue-95, #e5eeff));
-  color: var(--button-default-secondary-solid-foreground, var(--color-primary-default));
+  background-color: var(
+    --button-default-secondary-solid-bg,
+    var(--color-blue-95, #e5eeff)
+  );
+  border-color: var(
+    --button-default-secondary-solid-bg,
+    var(--color-blue-95, #e5eeff)
+  );
+  color: var(
+    --button-default-secondary-solid-foreground,
+    var(--color-primary-default)
+  );
 }
-.button:where(.button-fill-solid.button-priority-secondary):disabled, .button:where(.button-fill-solid.button-priority-secondary)[aria-disabled=true] {
-  background-color: var(--button-default-neutral-disabled-bg, var(--color-surface-standard));
-  border-color: var(--button-default-neutral-disabled-bg, var(--color-surface-standard));
-  color: var(--button-default-neutral-disabled-foreground, var(--color-label-disabled));
+.button:where(.button-fill-solid.button-priority-secondary):disabled,
+.button:where(
+    .button-fill-solid.button-priority-secondary
+  )[aria-disabled="true"] {
+  background-color: var(
+    --button-default-neutral-disabled-bg,
+    var(--color-surface-standard)
+  );
+  border-color: var(
+    --button-default-neutral-disabled-bg,
+    var(--color-surface-standard)
+  );
+  color: var(
+    --button-default-neutral-disabled-foreground,
+    var(--color-label-disabled)
+  );
 }
-.button:where(.button-fill-solid.button-priority-secondary):hover:not(:disabled):not([aria-disabled=true]), .button:where(.button-fill-solid.button-priority-secondary)[data-user-action=hover]:not(:disabled):not([aria-disabled=true]) {
+.button:where(.button-fill-solid.button-priority-secondary):hover:not(
+    :disabled
+  ):not([aria-disabled="true"]),
+.button:where(
+    .button-fill-solid.button-priority-secondary
+  )[data-user-action="hover"]:not(:disabled):not([aria-disabled="true"]) {
   background-color: var(--button-default-secondary-solid-hover-bg, #dbe9ff);
   border-color: var(--button-default-secondary-solid-hover-bg, #dbe9ff);
 }
-.button:where(.button-fill-solid.button-priority-secondary):active:not(:disabled):not([aria-disabled=true]), .button:where(.button-fill-solid.button-priority-secondary)[data-user-action=pressed]:not(:disabled):not([aria-disabled=true]) {
+.button:where(.button-fill-solid.button-priority-secondary):active:not(
+    :disabled
+  ):not([aria-disabled="true"]),
+.button:where(
+    .button-fill-solid.button-priority-secondary
+  )[data-user-action="pressed"]:not(:disabled):not([aria-disabled="true"]) {
   background-color: var(--button-default-secondary-solid-active-bg, #ccdeff);
   border-color: var(--button-default-secondary-solid-active-bg, #ccdeff);
 }
 .button:where(.button-fill-outlined.button-priority-secondary) {
   background-color: transparent;
-  color: var(--button-default-secondary-outline-foreground, var(--color-primary-default));
-  border-color: var(--button-default-secondary-outline-border, var(--color-cool-gray-90));
+  color: var(
+    --button-default-secondary-outline-foreground,
+    var(--color-primary-default)
+  );
+  border-color: var(
+    --button-default-secondary-outline-border,
+    var(--color-cool-gray-90)
+  );
 }
-.button:where(.button-fill-outlined.button-priority-secondary):disabled, .button:where(.button-fill-outlined.button-priority-secondary)[aria-disabled=true] {
-  background-color: var(--button-default-neutral-disabled-bg, var(--color-surface-standard));
-  border-color: var(--button-default-neutral-disabled-bg, var(--color-surface-standard));
-  color: var(--button-default-neutral-disabled-foreground, var(--color-label-disabled));
+.button:where(.button-fill-outlined.button-priority-secondary):disabled,
+.button:where(
+    .button-fill-outlined.button-priority-secondary
+  )[aria-disabled="true"] {
+  background-color: var(
+    --button-default-neutral-disabled-bg,
+    var(--color-surface-standard)
+  );
+  border-color: var(
+    --button-default-neutral-disabled-bg,
+    var(--color-surface-standard)
+  );
+  color: var(
+    --button-default-neutral-disabled-foreground,
+    var(--color-label-disabled)
+  );
 }
-.button:where(.button-fill-outlined.button-priority-secondary):hover:not(:disabled):not([aria-disabled=true]), .button:where(.button-fill-outlined.button-priority-secondary)[data-user-action=hover]:not(:disabled):not([aria-disabled=true]) {
-  background-color: var(--button-default-secondary-outline-hover-bg, var(--color-blue-90));
-  border-color: var(--button-default-secondary-outline-border, var(--color-cool-gray-90));
+.button:where(.button-fill-outlined.button-priority-secondary):hover:not(
+    :disabled
+  ):not([aria-disabled="true"]),
+.button:where(
+    .button-fill-outlined.button-priority-secondary
+  )[data-user-action="hover"]:not(:disabled):not([aria-disabled="true"]) {
+  background-color: var(
+    --button-default-secondary-outline-hover-bg,
+    var(--color-blue-90)
+  );
+  border-color: var(
+    --button-default-secondary-outline-border,
+    var(--color-cool-gray-90)
+  );
 }
-.button:where(.button-fill-outlined.button-priority-secondary):active:not(:disabled):not([aria-disabled=true]), .button:where(.button-fill-outlined.button-priority-secondary)[data-user-action=pressed]:not(:disabled):not([aria-disabled=true]) {
-  background-color: var(--button-default-secondary-solid-bg, var(--color-blue-95, #e5eeff));
-  border-color: var(--button-default-secondary-outline-border, var(--color-cool-gray-90));
+.button:where(.button-fill-outlined.button-priority-secondary):active:not(
+    :disabled
+  ):not([aria-disabled="true"]),
+.button:where(
+    .button-fill-outlined.button-priority-secondary
+  )[data-user-action="pressed"]:not(:disabled):not([aria-disabled="true"]) {
+  background-color: var(
+    --button-default-secondary-solid-bg,
+    var(--color-blue-95, #e5eeff)
+  );
+  border-color: var(
+    --button-default-secondary-outline-border,
+    var(--color-cool-gray-90)
+  );
 }
 .button:where(.button-fill-solid.button-priority-tertiary) {
-  background-color: var(--button-default-tertiary-solid-bg, var(--color-surface-neutral));
-  border-color: var(--button-default-tertiary-solid-bg, var(--color-surface-neutral));
-  color: var(--button-default-tertiary-solid-foreground, var(--color-label-neutral));
+  background-color: var(
+    --button-default-tertiary-solid-bg,
+    var(--color-surface-neutral)
+  );
+  border-color: var(
+    --button-default-tertiary-solid-bg,
+    var(--color-surface-neutral)
+  );
+  color: var(
+    --button-default-tertiary-solid-foreground,
+    var(--color-label-neutral)
+  );
 }
-.button:where(.button-fill-solid.button-priority-tertiary):disabled, .button:where(.button-fill-solid.button-priority-tertiary)[aria-disabled=true] {
-  background-color: var(--button-default-neutral-disabled-bg, var(--color-surface-standard));
-  border-color: var(--button-default-neutral-disabled-bg, var(--color-surface-standard));
-  color: var(--button-default-neutral-disabled-foreground, var(--color-label-disabled));
+.button:where(.button-fill-solid.button-priority-tertiary):disabled,
+.button:where(
+    .button-fill-solid.button-priority-tertiary
+  )[aria-disabled="true"] {
+  background-color: var(
+    --button-default-neutral-disabled-bg,
+    var(--color-surface-standard)
+  );
+  border-color: var(
+    --button-default-neutral-disabled-bg,
+    var(--color-surface-standard)
+  );
+  color: var(
+    --button-default-neutral-disabled-foreground,
+    var(--color-label-disabled)
+  );
 }
-.button:where(.button-fill-solid.button-priority-tertiary):hover:not(:disabled):not([aria-disabled=true]), .button:where(.button-fill-solid.button-priority-tertiary)[data-user-action=hover]:not(:disabled):not([aria-disabled=true]) {
-  background-color: var(--button-default-tertiary-solid-hover-bg, var(--color-surface-static-cool-gray));
-  border-color: var(--button-default-tertiary-solid-hover-bg, var(--color-surface-static-cool-gray));
+.button:where(.button-fill-solid.button-priority-tertiary):hover:not(
+    :disabled
+  ):not([aria-disabled="true"]),
+.button:where(
+    .button-fill-solid.button-priority-tertiary
+  )[data-user-action="hover"]:not(:disabled):not([aria-disabled="true"]) {
+  background-color: var(
+    --button-default-tertiary-solid-hover-bg,
+    var(--color-surface-static-cool-gray)
+  );
+  border-color: var(
+    --button-default-tertiary-solid-hover-bg,
+    var(--color-surface-static-cool-gray)
+  );
 }
-.button:where(.button-fill-solid.button-priority-tertiary):active:not(:disabled):not([aria-disabled=true]), .button:where(.button-fill-solid.button-priority-tertiary)[data-user-action=pressed]:not(:disabled):not([aria-disabled=true]) {
-  background-color: var(--button-default-tertiary-solid-active-bg, var(--color-surface-strong));
-  border-color: var(--button-default-tertiary-solid-active-bg, var(--color-surface-strong));
+.button:where(.button-fill-solid.button-priority-tertiary):active:not(
+    :disabled
+  ):not([aria-disabled="true"]),
+.button:where(
+    .button-fill-solid.button-priority-tertiary
+  )[data-user-action="pressed"]:not(:disabled):not([aria-disabled="true"]) {
+  background-color: var(
+    --button-default-tertiary-solid-active-bg,
+    var(--color-surface-strong)
+  );
+  border-color: var(
+    --button-default-tertiary-solid-active-bg,
+    var(--color-surface-strong)
+  );
 }
 .button:where(.button-fill-outlined.button-priority-tertiary) {
   background-color: transparent;
-  color: var(--button-default-tertiary-outline-foreground, var(--color-cool-gray-10));
-  border-color: var(--button-default-tertiary-outline-border, var(--color-cool-gray-90));
+  color: var(
+    --button-default-tertiary-outline-foreground,
+    var(--color-cool-gray-10)
+  );
+  border-color: var(
+    --button-default-tertiary-outline-border,
+    var(--color-cool-gray-90)
+  );
 }
-.button:where(.button-fill-outlined.button-priority-tertiary):disabled, .button:where(.button-fill-outlined.button-priority-tertiary)[aria-disabled=true] {
-  background-color: var(--button-default-neutral-disabled-bg, var(--color-surface-standard));
-  border-color: var(--button-default-neutral-disabled-bg, var(--color-surface-standard));
-  color: var(--button-default-neutral-disabled-foreground, var(--color-label-disabled));
+.button:where(.button-fill-outlined.button-priority-tertiary):disabled,
+.button:where(
+    .button-fill-outlined.button-priority-tertiary
+  )[aria-disabled="true"] {
+  background-color: var(
+    --button-default-neutral-disabled-bg,
+    var(--color-surface-standard)
+  );
+  border-color: var(
+    --button-default-neutral-disabled-bg,
+    var(--color-surface-standard)
+  );
+  color: var(
+    --button-default-neutral-disabled-foreground,
+    var(--color-label-disabled)
+  );
 }
-.button:where(.button-fill-outlined.button-priority-tertiary):hover:not(:disabled):not([aria-disabled=true]), .button:where(.button-fill-outlined.button-priority-tertiary)[data-user-action=hover]:not(:disabled):not([aria-disabled=true]) {
-  background-color: var(--button-default-tertiary-outline-hover-bg, var(--color-cool-gray-95));
-  border-color: var(--button-default-tertiary-outline-border, var(--color-cool-gray-90));
+.button:where(.button-fill-outlined.button-priority-tertiary):hover:not(
+    :disabled
+  ):not([aria-disabled="true"]),
+.button:where(
+    .button-fill-outlined.button-priority-tertiary
+  )[data-user-action="hover"]:not(:disabled):not([aria-disabled="true"]) {
+  background-color: var(
+    --button-default-tertiary-outline-hover-bg,
+    var(--color-cool-gray-95)
+  );
+  border-color: var(
+    --button-default-tertiary-outline-border,
+    var(--color-cool-gray-90)
+  );
 }
-.button:where(.button-fill-outlined.button-priority-tertiary):active:not(:disabled):not([aria-disabled=true]), .button:where(.button-fill-outlined.button-priority-tertiary)[data-user-action=pressed]:not(:disabled):not([aria-disabled=true]) {
-  background-color: var(--button-default-tertiary-solid-bg, var(--color-surface-neutral));
-  border-color: var(--button-default-tertiary-outline-border, var(--color-cool-gray-90));
+.button:where(.button-fill-outlined.button-priority-tertiary):active:not(
+    :disabled
+  ):not([aria-disabled="true"]),
+.button:where(
+    .button-fill-outlined.button-priority-tertiary
+  )[data-user-action="pressed"]:not(:disabled):not([aria-disabled="true"]) {
+  background-color: var(
+    --button-default-tertiary-solid-bg,
+    var(--color-surface-neutral)
+  );
+  border-color: var(
+    --button-default-tertiary-outline-border,
+    var(--color-cool-gray-90)
+  );
 }
 .button:where(.button-size-small) {
-  padding-inline: var(--button-default-padding-inline-small, var(--spacing-padding-6, 24px));
+  padding-inline: var(
+    --button-default-padding-inline-small,
+    var(--spacing-padding-6, 24px)
+  );
   gap: var(--button-default-gap-medium, var(--spacing-gap-2, 8px));
   padding-block: 0;
-  min-height: var(--button-default-height-small, var(--theme-size-small-3, 32px));
-  border-radius: var(--button-default-radius-small, var(--theme-radius-medium-3, 8px));
+  min-height: var(
+    --button-default-height-small,
+    var(--theme-size-small-3, 32px)
+  );
+  border-radius: var(
+    --button-default-radius-small,
+    var(--theme-radius-medium-3, 8px)
+  );
 }
 .button:where(.button-size-small) span {
-  font-size: var(--button-default-font-label-medium-size, var(--font-label-medium-size, 14px));
+  font-size: var(
+    --button-default-font-label-medium-size,
+    var(--font-label-medium-size, 14px)
+  );
   font-weight: var(--button-default-font-weight, 400);
-  line-height: var(--button-default-font-label-medium-line-height, var(--font-label-medium-line-height, 1.5em));
-  letter-spacing: var(--button-default-font-label-medium-letter-spacing, var(--font-label-medium-letter-spacing, 0px));
+  line-height: var(
+    --button-default-font-label-medium-line-height,
+    var(--font-label-medium-line-height, 1.5em)
+  );
+  letter-spacing: var(
+    --button-default-font-label-medium-letter-spacing,
+    var(--font-label-medium-letter-spacing, 0px)
+  );
 }
 .button:where(.button-size-medium) {
-  padding-inline: var(--button-default-padding-inline-medium, var(--spacing-padding-7, 20px));
+  padding-inline: var(
+    --button-default-padding-inline-medium,
+    var(--spacing-padding-7, 20px)
+  );
   gap: var(--button-default-gap-medium, var(--spacing-gap-2, 8px));
   padding-block: 0;
-  min-height: var(--button-default-height-medium, var(--theme-size-medium-1, 40px));
-  border-radius: var(--button-default-radius-small, var(--theme-radius-medium-3, 8px));
+  min-height: var(
+    --button-default-height-medium,
+    var(--theme-size-medium-1, 40px)
+  );
+  border-radius: var(
+    --button-default-radius-small,
+    var(--theme-radius-medium-3, 8px)
+  );
 }
 .button:where(.button-size-medium) span {
-  font-size: var(--button-default-font-label-large-size, var(--font-label-large-size, 16px));
+  font-size: var(
+    --button-default-font-label-large-size,
+    var(--font-label-large-size, 16px)
+  );
   font-weight: var(--button-default-font-weight, 400);
-  line-height: var(--button-default-font-label-large-line-height, var(--font-label-large-line-height, 1.5em));
-  letter-spacing: var(--button-default-font-label-large-letter-spacing, var(--font-label-large-letter-spacing, 0px));
+  line-height: var(
+    --button-default-font-label-large-line-height,
+    var(--font-label-large-line-height, 1.5em)
+  );
+  letter-spacing: var(
+    --button-default-font-label-large-letter-spacing,
+    var(--font-label-large-letter-spacing, 0px)
+  );
 }
 .button:where(.button-size-large) {
-  padding-inline: var(--button-default-padding-inline-large, var(--spacing-padding-9, 28px));
+  padding-inline: var(
+    --button-default-padding-inline-large,
+    var(--spacing-padding-9, 28px)
+  );
   gap: var(--button-default-gap-large, var(--spacing-gap-3, 12px));
   padding-block: 0;
-  min-height: var(--button-default-height-large, var(--theme-size-medium-2, 48px));
-  border-radius: var(--button-default-radius-large, var(--theme-radius-large-1, 12px));
+  min-height: var(
+    --button-default-height-large,
+    var(--theme-size-medium-2, 48px)
+  );
+  border-radius: var(
+    --button-default-radius-large,
+    var(--theme-radius-large-1, 12px)
+  );
 }
 .button:where(.button-size-large) span {
-  font-size: var(--button-default-font-body-medium-size, var(--font-body-medium-size, 17px));
+  font-size: var(
+    --button-default-font-body-medium-size,
+    var(--font-body-medium-size, 17px)
+  );
   font-weight: var(--button-default-font-weight, 400);
-  line-height: var(--button-default-font-body-medium-line-height, var(--font-body-medium-line-height, 1.5em));
-  letter-spacing: var(--button-default-font-body-medium-letter-spacing, var(--font-body-medium-letter-spacing, 0px));
+  line-height: var(
+    --button-default-font-body-medium-line-height,
+    var(--font-body-medium-line-height, 1.5em)
+  );
+  letter-spacing: var(
+    --button-default-font-body-medium-letter-spacing,
+    var(--font-body-medium-letter-spacing, 0px)
+  );
 }
 .button:where(.button-size-xlarge) {
-  padding-inline: var(--button-default-padding-inline-large, var(--spacing-padding-9, 28px));
+  padding-inline: var(
+    --button-default-padding-inline-large,
+    var(--spacing-padding-9, 28px)
+  );
   gap: var(--button-default-gap-large, var(--spacing-gap-3, 12px));
   padding-block: 0;
-  min-height: var(--button-default-height-xlarge, var(--theme-size-medium-3, 56px));
-  border-radius: var(--button-default-radius-xlarge, var(--theme-radius-large-2, 16px));
+  min-height: var(
+    --button-default-height-xlarge,
+    var(--theme-size-medium-3, 56px)
+  );
+  border-radius: var(
+    --button-default-radius-xlarge,
+    var(--theme-radius-large-2, 16px)
+  );
 }
 .button:where(.button-size-xlarge) span {
-  font-size: var(--button-default-font-body-large-size, var(--font-body-large-size, 19px));
+  font-size: var(
+    --button-default-font-body-large-size,
+    var(--font-body-large-size, 19px)
+  );
   font-weight: var(--button-default-font-weight, 400);
-  line-height: var(--button-default-font-body-large-line-height, var(--font-body-large-line-height, 1.5em));
-  letter-spacing: var(--button-default-font-body-large-letter-spacing, var(--font-body-large-letter-spacing, 0px));
+  line-height: var(
+    --button-default-font-body-large-line-height,
+    var(--font-body-large-line-height, 1.5em)
+  );
+  letter-spacing: var(
+    --button-default-font-body-large-letter-spacing,
+    var(--font-body-large-letter-spacing, 0px)
+  );
 }
 .button:where(.button-size-table) {
-  padding-inline: var(--button-default-padding-inline-table, var(--spacing-padding-5, 12px));
+  padding-inline: var(
+    --button-default-padding-inline-table,
+    var(--spacing-padding-5, 12px)
+  );
   gap: var(--button-default-gap-table, var(--spacing-gap-1, 4px));
   padding-block: var(--button-default-padding-block-table, 0px);
-  min-height: var(--button-default-height-table, var(--theme-size-small-2, 24px));
-  border-radius: var(--button-default-radius-table, var(--theme-radius-medium-2, 6px));
+  min-height: var(
+    --button-default-height-table,
+    var(--theme-size-small-2, 24px)
+  );
+  border-radius: var(
+    --button-default-radius-table,
+    var(--theme-radius-medium-2, 6px)
+  );
 }
 .button:where(.button-size-table) span {
-  font-size: var(--button-default-font-caption-large-size, var(--font-caption-large-size, 12px));
-  font-weight: var(--button-default-font-caption-large-weight, var(--button-default-font-weight, 400));
-  line-height: var(--button-default-font-caption-large-line-height, var(--font-caption-large-line-height, 1.5em));
-  letter-spacing: var(--button-default-font-caption-large-letter-spacing, var(--font-caption-large-letter-spacing, 0px));
+  font-size: var(
+    --button-default-font-caption-large-size,
+    var(--font-caption-large-size, 12px)
+  );
+  font-weight: var(
+    --button-default-font-caption-large-weight,
+    var(--button-default-font-weight, 400)
+  );
+  line-height: var(
+    --button-default-font-caption-large-line-height,
+    var(--font-caption-large-line-height, 1.5em)
+  );
+  letter-spacing: var(
+    --button-default-font-caption-large-letter-spacing,
+    var(--font-caption-large-letter-spacing, 0px)
+  );
 }
 .button:where(.button-fill-outlined) {
   box-shadow: none;
 }
-.button :where(.button-fill-solid.button-priority-secondary):hover:not(:disabled):not([aria-disabled=true]), .button :where(.button-fill-solid.button-priority-secondary)[data-user-action=hover]:not(:disabled):not([aria-disabled=true]) {
+.button
+  :where(.button-fill-solid.button-priority-secondary):hover:not(:disabled):not(
+    [aria-disabled="true"]
+  ),
+.button
+  :where(
+    .button-fill-solid.button-priority-secondary
+  )[data-user-action="hover"]:not(:disabled):not([aria-disabled="true"]) {
   background-color: var(--button-default-secondary-solid-hover-bg, #dbe9ff);
   border-color: var(--button-default-secondary-solid-hover-bg, #dbe9ff);
   box-shadow: none;
 }
-.button :where(.button-fill-solid.button-priority-secondary):active:not(:disabled):not([aria-disabled=true]), .button :where(.button-fill-solid.button-priority-secondary)[data-user-action=pressed]:not(:disabled):not([aria-disabled=true]) {
+.button
+  :where(.button-fill-solid.button-priority-secondary):active:not(
+    :disabled
+  ):not([aria-disabled="true"]),
+.button
+  :where(
+    .button-fill-solid.button-priority-secondary
+  )[data-user-action="pressed"]:not(:disabled):not([aria-disabled="true"]) {
   background-color: var(--button-default-secondary-solid-active-bg, #ccdeff);
   border-color: var(--button-default-secondary-solid-active-bg, #ccdeff);
   box-shadow: none;
 }
-.button:where(.button-fill-solid.button-priority-tertiary):hover:not(:disabled):not([aria-disabled=true]), .button:where(.button-fill-solid.button-priority-tertiary)[data-user-action=hover]:not(:disabled):not([aria-disabled=true]) {
-  background-color: var(--button-default-tertiary-overlay-solid-bg, var(--color-surface-strong));
-  border-color: var(--button-default-tertiary-solid-bg, var(--color-surface-neutral));
+.button:where(.button-fill-solid.button-priority-tertiary):hover:not(
+    :disabled
+  ):not([aria-disabled="true"]),
+.button:where(
+    .button-fill-solid.button-priority-tertiary
+  )[data-user-action="hover"]:not(:disabled):not([aria-disabled="true"]) {
+  background-color: var(
+    --button-default-tertiary-overlay-solid-bg,
+    var(--color-surface-strong)
+  );
+  border-color: var(
+    --button-default-tertiary-solid-bg,
+    var(--color-surface-neutral)
+  );
   box-shadow: inset 0 0 0 999px rgba(255, 255, 255, 0.68);
 }
-.button:where(.button-fill-solid.button-priority-tertiary):active:not(:disabled):not([aria-disabled=true]), .button:where(.button-fill-solid.button-priority-tertiary)[data-user-action=pressed]:not(:disabled):not([aria-disabled=true]) {
-  background-color: var(--button-default-tertiary-overlay-solid-bg, var(--color-surface-strong));
-  border-color: var(--button-default-tertiary-solid-bg, var(--color-surface-neutral));
+.button:where(.button-fill-solid.button-priority-tertiary):active:not(
+    :disabled
+  ):not([aria-disabled="true"]),
+.button:where(
+    .button-fill-solid.button-priority-tertiary
+  )[data-user-action="pressed"]:not(:disabled):not([aria-disabled="true"]) {
+  background-color: var(
+    --button-default-tertiary-overlay-solid-bg,
+    var(--color-surface-strong)
+  );
+  border-color: var(
+    --button-default-tertiary-solid-bg,
+    var(--color-surface-neutral)
+  );
   box-shadow: inset 0 0 0 999px rgba(255, 255, 255, 0.48);
 }
-.button:where(.button-fill-outlined.button-priority-primary):hover:not(:disabled):not([aria-disabled=true]), .button:where(.button-fill-outlined.button-priority-primary)[data-user-action=hover]:not(:disabled):not([aria-disabled=true]) {
-  background-color: var(--button-default-primary-overlay-outlined-bg, var(--color-blue-90));
-  border-color: var(--button-default-primary-outline-border, var(--color-primary-default));
+.button:where(.button-fill-outlined.button-priority-primary):hover:not(
+    :disabled
+  ):not([aria-disabled="true"]),
+.button:where(
+    .button-fill-outlined.button-priority-primary
+  )[data-user-action="hover"]:not(:disabled):not([aria-disabled="true"]) {
+  background-color: var(
+    --button-default-primary-overlay-outlined-bg,
+    var(--color-blue-90)
+  );
+  border-color: var(
+    --button-default-primary-outline-border,
+    var(--color-primary-default)
+  );
   box-shadow: inset 0 0 0 999px rgba(255, 255, 255, 0.68);
 }
-.button:where(.button-fill-outlined.button-priority-primary):active:not(:disabled):not([aria-disabled=true]), .button:where(.button-fill-outlined.button-priority-primary)[data-user-action=pressed]:not(:disabled):not([aria-disabled=true]) {
-  background-color: var(--button-default-primary-overlay-outlined-bg, var(--color-blue-90));
-  border-color: var(--button-default-primary-outline-border, var(--color-primary-default));
+.button:where(.button-fill-outlined.button-priority-primary):active:not(
+    :disabled
+  ):not([aria-disabled="true"]),
+.button:where(
+    .button-fill-outlined.button-priority-primary
+  )[data-user-action="pressed"]:not(:disabled):not([aria-disabled="true"]) {
+  background-color: var(
+    --button-default-primary-overlay-outlined-bg,
+    var(--color-blue-90)
+  );
+  border-color: var(
+    --button-default-primary-outline-border,
+    var(--color-primary-default)
+  );
   box-shadow: inset 0 0 0 999px rgba(255, 255, 255, 0.28);
 }
-.button:where(.button-fill-outlined.button-priority-secondary):hover:not(:disabled):not([aria-disabled=true]), .button:where(.button-fill-outlined.button-priority-secondary)[data-user-action=hover]:not(:disabled):not([aria-disabled=true]) {
-  background-color: var(--button-default-secondary-overlay-outlined-bg, var(--color-cool-gray-95));
-  border-color: var(--button-default-secondary-outline-border, var(--color-cool-gray-90));
+.button:where(.button-fill-outlined.button-priority-secondary):hover:not(
+    :disabled
+  ):not([aria-disabled="true"]),
+.button:where(
+    .button-fill-outlined.button-priority-secondary
+  )[data-user-action="hover"]:not(:disabled):not([aria-disabled="true"]) {
+  background-color: var(
+    --button-default-secondary-overlay-outlined-bg,
+    var(--color-cool-gray-95)
+  );
+  border-color: var(
+    --button-default-secondary-outline-border,
+    var(--color-cool-gray-90)
+  );
   box-shadow: inset 0 0 0 999px rgba(255, 255, 255, 0.68);
 }
-.button:where(.button-fill-outlined.button-priority-secondary):active:not(:disabled):not([aria-disabled=true]), .button:where(.button-fill-outlined.button-priority-secondary)[data-user-action=pressed]:not(:disabled):not([aria-disabled=true]) {
-  background-color: var(--button-default-secondary-overlay-outlined-bg, var(--color-cool-gray-95));
-  border-color: var(--button-default-secondary-outline-border, var(--color-cool-gray-90));
+.button:where(.button-fill-outlined.button-priority-secondary):active:not(
+    :disabled
+  ):not([aria-disabled="true"]),
+.button:where(
+    .button-fill-outlined.button-priority-secondary
+  )[data-user-action="pressed"]:not(:disabled):not([aria-disabled="true"]) {
+  background-color: var(
+    --button-default-secondary-overlay-outlined-bg,
+    var(--color-cool-gray-95)
+  );
+  border-color: var(
+    --button-default-secondary-outline-border,
+    var(--color-cool-gray-90)
+  );
   box-shadow: inset 0 0 0 999px rgba(255, 255, 255, 0.28);
 }
-.button:where(.button-fill-outlined.button-priority-tertiary):hover:not(:disabled):not([aria-disabled=true]), .button:where(.button-fill-outlined.button-priority-tertiary)[data-user-action=hover]:not(:disabled):not([aria-disabled=true]) {
-  background-color: var(--button-default-tertiary-overlay-outlined-bg, var(--color-cool-gray-95));
-  border-color: var(--button-default-tertiary-outline-border, var(--color-cool-gray-90));
+.button:where(.button-fill-outlined.button-priority-tertiary):hover:not(
+    :disabled
+  ):not([aria-disabled="true"]),
+.button:where(
+    .button-fill-outlined.button-priority-tertiary
+  )[data-user-action="hover"]:not(:disabled):not([aria-disabled="true"]) {
+  background-color: var(
+    --button-default-tertiary-overlay-outlined-bg,
+    var(--color-cool-gray-95)
+  );
+  border-color: var(
+    --button-default-tertiary-outline-border,
+    var(--color-cool-gray-90)
+  );
   box-shadow: inset 0 0 0 999px rgba(255, 255, 255, 0.68);
 }
-.button:where(.button-fill-outlined.button-priority-tertiary):active:not(:disabled):not([aria-disabled=true]), .button:where(.button-fill-outlined.button-priority-tertiary)[data-user-action=pressed]:not(:disabled):not([aria-disabled=true]) {
-  background-color: var(--button-default-tertiary-overlay-outlined-bg, var(--color-cool-gray-95));
-  border-color: var(--button-default-tertiary-outline-border, var(--color-cool-gray-90));
+.button:where(.button-fill-outlined.button-priority-tertiary):active:not(
+    :disabled
+  ):not([aria-disabled="true"]),
+.button:where(
+    .button-fill-outlined.button-priority-tertiary
+  )[data-user-action="pressed"]:not(:disabled):not([aria-disabled="true"]) {
+  background-color: var(
+    --button-default-tertiary-overlay-outlined-bg,
+    var(--color-cool-gray-95)
+  );
+  border-color: var(
+    --button-default-tertiary-outline-border,
+    var(--color-cool-gray-90)
+  );
   box-shadow: inset 0 0 0 999px rgba(255, 255, 255, 0.28);
 }
-.button:where(:disabled), .button:where([aria-disabled=true]) {
-  background-color: var(--button-default-neutral-disabled-bg, var(--color-surface-standard));
-  border-color: var(--button-default-neutral-disabled-bg, var(--color-surface-standard));
-  color: var(--button-default-neutral-disabled-foreground, var(--color-label-disabled));
+.button:where(:disabled),
+.button:where([aria-disabled="true"]) {
+  background-color: var(
+    --button-default-neutral-disabled-bg,
+    var(--color-surface-standard)
+  );
+  border-color: var(
+    --button-default-neutral-disabled-bg,
+    var(--color-surface-standard)
+  );
+  color: var(
+    --button-default-neutral-disabled-foreground,
+    var(--color-label-disabled)
+  );
   cursor: not-allowed;
 }
 .button:where(.button-icon-left) .button-label {
@@ -1666,23 +2183,38 @@
   min-width: auto;
   border-color: transparent;
   background-color: transparent;
-  padding-block: var(--button-text-padding-block-base, var(--spacing-padding-4, 8px));
-  padding-inline: var(--button-text-padding-inline-small, var(--spacing-padding-4, 8px));
+  padding-block: var(
+    --button-text-padding-block-base,
+    var(--spacing-padding-4, 8px)
+  );
+  padding-inline: var(
+    --button-text-padding-inline-small,
+    var(--spacing-padding-4, 8px)
+  );
   border-width: 0;
   gap: var(--spacing-gap-1, 4px);
   border-radius: var(--button-text-radius-base, var(--theme-radius-small, 4px));
 }
 .button:where(.button-template-text-size-small) {
   min-height: var(--button-text-height-small, var(--theme-size-small-1, 20px));
-  padding-inline: var(--button-text-padding-inline-small, var(--spacing-padding-4, 8px));
+  padding-inline: var(
+    --button-text-padding-inline-small,
+    var(--spacing-padding-4, 8px)
+  );
 }
 .button:where(.button-template-text-size-medium) {
   min-height: var(--button-text-height-medium, var(--theme-size-small-2, 24px));
-  padding-inline: var(--button-text-padding-inline-medium, var(--spacing-padding-5, 12px));
+  padding-inline: var(
+    --button-text-padding-inline-medium,
+    var(--spacing-padding-5, 12px)
+  );
 }
 .button:where(.button-template-text-size-large) {
   min-height: var(--button-text-height-large, var(--theme-size-small-3, 32px));
-  padding-inline: var(--button-text-padding-inline-large, var(--spacing-padding-5, 12px));
+  padding-inline: var(
+    --button-text-padding-inline-large,
+    var(--spacing-padding-5, 12px)
+  );
 }
 .button:where(.button-template-text:disabled) {
   background-color: transparent;
@@ -1691,41 +2223,100 @@
 .button:where(.button-template-text.button-priority-secondary) {
   color: var(--button-text-secondary-foreground, var(--color-primary-default));
 }
-.button:where(.button-template-text.button-priority-secondary):hover:not(:disabled), .button:where(.button-template-text.button-priority-secondary)[data-user-action=hover]:not(:disabled) {
-  background-color: var(--button-text-secondary-hover-bg, var(--color-bg-alternative-cool-gray, var(--color-cool-gray-95)));
+.button:where(.button-template-text.button-priority-secondary):hover:not(
+    :disabled
+  ),
+.button:where(
+    .button-template-text.button-priority-secondary
+  )[data-user-action="hover"]:not(:disabled) {
+  background-color: var(
+    --button-text-secondary-hover-bg,
+    var(--color-bg-alternative-cool-gray, var(--color-cool-gray-95))
+  );
 }
-.button:where(.button-template-text.button-priority-secondary):active:not(:disabled), .button:where(.button-template-text.button-priority-secondary)[data-user-action=pressed]:not(:disabled) {
-  background-color: var(--button-text-secondary-pressed-bg, var(--color-secondary-strong, var(--color-blue-90)));
+.button:where(.button-template-text.button-priority-secondary):active:not(
+    :disabled
+  ),
+.button:where(
+    .button-template-text.button-priority-secondary
+  )[data-user-action="pressed"]:not(:disabled) {
+  background-color: var(
+    --button-text-secondary-pressed-bg,
+    var(--color-secondary-strong, var(--color-blue-90))
+  );
 }
 .button:where(.button-template-text.button-priority-tertiary) {
   color: var(--button-text-tertiary-foreground, var(--color-cool-gray-10));
 }
-.button:where(.button-template-text.button-priority-tertiary):hover:not(:disabled), .button:where(.button-template-text.button-priority-tertiary)[data-user-action=hover]:not(:disabled) {
-  background-color: var(--button-text-tertiary-hover-bg, var(--color-bg-alternative-cool-gray, var(--color-cool-gray-95)));
+.button:where(.button-template-text.button-priority-tertiary):hover:not(
+    :disabled
+  ),
+.button:where(
+    .button-template-text.button-priority-tertiary
+  )[data-user-action="hover"]:not(:disabled) {
+  background-color: var(
+    --button-text-tertiary-hover-bg,
+    var(--color-bg-alternative-cool-gray, var(--color-cool-gray-95))
+  );
 }
-.button:where(.button-template-text.button-priority-tertiary):active:not(:disabled), .button:where(.button-template-text.button-priority-tertiary)[data-user-action=pressed]:not(:disabled) {
-  background-color: var(--button-text-tertiary-pressed-bg, var(--color-surface-strong, var(--color-cool-gray-20)));
+.button:where(.button-template-text.button-priority-tertiary):active:not(
+    :disabled
+  ),
+.button:where(
+    .button-template-text.button-priority-tertiary
+  )[data-user-action="pressed"]:not(:disabled) {
+  background-color: var(
+    --button-text-tertiary-pressed-bg,
+    var(--color-surface-strong, var(--color-cool-gray-20))
+  );
 }
 
 .button:where(.button-template-round) {
   min-width: auto;
-  padding-block: var(--button-round-padding-block-base, var(--spacing-padding-2, 4px));
-  padding-inline: var(--button-round-padding-inline-medium, var(--spacing-padding-6, 16px));
+  padding-block: var(
+    --button-round-padding-block-base,
+    var(--spacing-padding-2, 4px)
+  );
+  padding-inline: var(
+    --button-round-padding-inline-medium,
+    var(--spacing-padding-6, 16px)
+  );
   gap: var(--spacing-gap-2, 8px);
 }
 .button:where(.button-template-round-size-small) {
   min-height: var(--button-round-height-small, var(--theme-size-small-2, 24px));
-  padding-inline: var(--button-round-padding-inline-small, var(--spacing-padding-5, 12px));
-  border-radius: var(--button-round-radius-small, var(--theme-radius-xlarge-2, 16px));
+  padding-inline: var(
+    --button-round-padding-inline-small,
+    var(--spacing-padding-5, 12px)
+  );
+  border-radius: var(
+    --button-round-radius-small,
+    var(--theme-radius-xlarge-2, 16px)
+  );
 }
 .button:where(.button-template-round-size-medium) {
-  min-height: var(--button-round-height-medium, var(--theme-size-small-3, 32px));
-  padding-inline: var(--button-round-padding-inline-medium, var(--spacing-padding-6, 16px));
-  border-radius: var(--button-round-radius-medium, var(--theme-radius-xlarge-2, 16px));
+  min-height: var(
+    --button-round-height-medium,
+    var(--theme-size-small-3, 32px)
+  );
+  padding-inline: var(
+    --button-round-padding-inline-medium,
+    var(--spacing-padding-6, 16px)
+  );
+  border-radius: var(
+    --button-round-radius-medium,
+    var(--theme-radius-xlarge-2, 16px)
+  );
 }
 .button:where(.button-template-round-size-large) {
-  min-height: var(--button-round-height-large, var(--theme-size-medium-1, 40px));
-  padding-inline: var(--button-round-padding-inline-large, var(--spacing-padding-7, 20px));
+  min-height: var(
+    --button-round-height-large,
+    var(--theme-size-medium-1, 40px)
+  );
+  padding-inline: var(
+    --button-round-padding-inline-large,
+    var(--spacing-padding-7, 20px)
+  );
   border-radius: var(--button-round-radius-large, 30px);
 }
 
@@ -1770,7 +2361,8 @@
 }
 
 .calendar-root {
-  padding: var(--spacing-padding-10) var(--spacing-padding-6) var(--spacing-padding-6);
+  padding: var(--spacing-padding-10) var(--spacing-padding-6)
+    var(--spacing-padding-6);
   display: grid;
   gap: var(--spacing-gap-3);
   width: var(--calendar-width);
@@ -1816,14 +2408,14 @@
   width: 100%;
 }
 
-.calendar-month-level > [data-month-level=true],
-.calendar-month-level > [data-year-level=true],
-.calendar-month-level > [data-decade-level=true] {
+.calendar-month-level > [data-month-level="true"],
+.calendar-month-level > [data-year-level="true"],
+.calendar-month-level > [data-decade-level="true"] {
   width: 100%;
 }
 
-.calendar-month-level > [data-year-level=true],
-.calendar-month-level > [data-decade-level=true] {
+.calendar-month-level > [data-year-level="true"],
+.calendar-month-level > [data-decade-level="true"] {
   display: grid;
   grid-template-rows: auto var(--calendar-day-level-body-height);
   align-items: start;
@@ -1836,7 +2428,7 @@
   align-items: start;
 }
 
-.calendar-range-grid .calendar-month-level > [data-month-level=true] {
+.calendar-range-grid .calendar-month-level > [data-month-level="true"] {
   width: var(--calendar-range-column-width);
 }
 
@@ -1860,16 +2452,18 @@
   align-items: center;
   justify-content: center;
   color: var(--color-label-alternative);
-  transition: background-color 0.2s ease, color 0.2s ease;
+  transition:
+    background-color 0.2s ease,
+    color 0.2s ease;
 }
 
-.calendar-header-control[data-direction=previous] {
+.calendar-header-control[data-direction="previous"] {
   grid-column: 1;
   grid-row: 1;
   justify-self: start;
 }
 
-.calendar-header-control[data-direction=next] {
+.calendar-header-control[data-direction="next"] {
   grid-column: 3;
   grid-row: 1;
   justify-self: end;
@@ -1904,7 +2498,7 @@
   background-size: 20px 20px;
 }
 
-.calendar-header-control:where(:not([data-disabled=true])):hover {
+.calendar-header-control:where(:not([data-disabled="true"])):hover {
   background-color: var(--color-tertiary-default);
   color: var(--color-label-standard);
 }
@@ -1952,12 +2546,14 @@
   text-transform: none;
 }
 
-.calendar-months-list-control[data-selected=true] {
+.calendar-months-list-control[data-selected="true"] {
   background-color: var(--color-primary-default);
   color: var(--color-common-100);
 }
 
-.calendar-months-list-control:where(:not([data-disabled=true], [data-selected=true])):hover {
+.calendar-months-list-control:where(
+    :not([data-disabled="true"], [data-selected="true"])
+  ):hover {
   background-color: var(--color-secondary-default);
 }
 
@@ -1990,12 +2586,14 @@
   text-transform: none;
 }
 
-.calendar-years-list-control[data-selected=true] {
+.calendar-years-list-control[data-selected="true"] {
   background-color: var(--color-primary-default);
   color: var(--color-common-100);
 }
 
-.calendar-years-list-control:where(:not([data-disabled=true], [data-selected=true])):hover {
+.calendar-years-list-control:where(
+    :not([data-disabled="true"], [data-selected="true"])
+  ):hover {
   background-color: var(--color-secondary-default);
 }
 
@@ -2045,12 +2643,12 @@
   color: inherit;
 }
 
-.calendar-day[data-outside=true] {
+.calendar-day[data-outside="true"] {
   color: var(--color-label-alternative);
 }
 
-.calendar-day[data-selected=true],
-.calendar-day[data-focused=true] {
+.calendar-day[data-selected="true"],
+.calendar-day[data-focused="true"] {
   color: var(--color-common-100);
 }
 
@@ -2058,7 +2656,9 @@
   background-color: var(--color-surface-static-blue);
   color: var(--color-label-standard);
   border-radius: 0;
-  box-shadow: -1px 0 0 var(--color-surface-static-blue), 1px 0 0 var(--color-surface-static-blue);
+  box-shadow:
+    -1px 0 0 var(--color-surface-static-blue),
+    1px 0 0 var(--color-surface-static-blue);
 }
 
 .calendar-day:where([data-first-in-range]) {
@@ -2077,31 +2677,41 @@
   box-shadow: none;
 }
 
-.calendar-day:where([data-selected=true], [data-focused=true]) {
+.calendar-day:where([data-selected="true"], [data-focused="true"]) {
   background-color: transparent;
   color: var(--color-common-100);
 }
 
-.calendar-day:where([data-in-range][data-selected=true]) {
+.calendar-day:where([data-in-range][data-selected="true"]) {
   background-color: var(--color-surface-static-blue);
 }
 
-.calendar-day:where([data-selected=true], [data-focused=true]) .calendar-day-label {
+.calendar-day:where([data-selected="true"], [data-focused="true"])
+  .calendar-day-label {
   background-color: var(--color-primary-default);
   color: var(--color-common-100);
   border-radius: var(--theme-radius-medium-3);
 }
 
-.calendar-day:where([data-today][data-highlight-today]:not([data-selected=true],
-[data-in-range],
-[data-disabled=true])) {
+.calendar-day:where(
+  [data-today][data-highlight-today]:not(
+      [data-selected="true"],
+      [data-in-range],
+      [data-disabled="true"]
+    )
+) {
   border: 1px solid var(--color-primary-default);
   color: var(--color-label-standard);
 }
 
-.calendar-day:where([data-today][data-highlight-today]:not([data-selected=true],
-[data-in-range],
-[data-disabled=true])) .calendar-day-label::after {
+.calendar-day:where(
+    [data-today][data-highlight-today]:not(
+        [data-selected="true"],
+        [data-in-range],
+        [data-disabled="true"]
+      )
+  )
+  .calendar-day-label::after {
   content: "";
   width: 4px;
   height: 4px;
@@ -2113,7 +2723,7 @@
   transform: translateX(-50%);
 }
 
-.calendar-day:where(:disabled, [data-disabled=true]) {
+.calendar-day:where(:disabled, [data-disabled="true"]) {
   color: var(--color-label-disabled);
 }
 
@@ -2123,29 +2733,33 @@
   pointer-events: none;
 }
 
-.calendar-range-grid .calendar-day:where([data-outside=true]) {
+.calendar-range-grid .calendar-day:where([data-outside="true"]) {
   visibility: hidden;
   pointer-events: none;
 }
 
-.calendar-day:where(:not([data-disabled=true],
-[data-selected=true],
-[data-focused=true],
-[data-in-range])):hover {
+.calendar-day:where(
+    :not(
+      [data-disabled="true"],
+      [data-selected="true"],
+      [data-focused="true"],
+      [data-in-range]
+    )
+  ):hover {
   background-color: var(--color-secondary-default);
   color: var(--color-label-standard);
 }
 
-.calendar-day:where([data-selected=true]):hover {
+.calendar-day:where([data-selected="true"]):hover {
   background-color: transparent;
   color: var(--color-common-100);
 }
 
-.calendar-day:where([data-in-range][data-selected=true]):hover {
+.calendar-day:where([data-in-range][data-selected="true"]):hover {
   background-color: var(--color-surface-static-blue);
 }
 
-.calendar-day:where([data-selected=true]):hover .calendar-day-label {
+.calendar-day:where([data-selected="true"]):hover .calendar-day-label {
   background-color: var(--color-primary-default);
   color: var(--color-common-100);
 }
@@ -2154,8 +2768,6 @@
   width: 100%;
 }
 
-
-
 .carousel-container {
   width: 100%;
 }
@@ -2166,19 +2778,19 @@
   align-items: center;
   gap: var(--carousel-gap);
 }
-.carousel-control[data-button-placement=inside] {
+.carousel-control[data-button-placement="inside"] {
   position: relative;
   gap: 0;
 }
-.carousel-control[data-button-placement=inside] .carousel-move-button {
+.carousel-control[data-button-placement="inside"] .carousel-move-button {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
 }
-.carousel-control[data-button-placement=inside] .carousel-prev-button {
+.carousel-control[data-button-placement="inside"] .carousel-prev-button {
   left: var(--carousel-inside-button-offset);
 }
-.carousel-control[data-button-placement=inside] .carousel-next-button {
+.carousel-control[data-button-placement="inside"] .carousel-next-button {
   right: var(--carousel-inside-button-offset);
 }
 
@@ -2209,7 +2821,7 @@
   scroll-snap-align: start;
 }
 
-.carousel-item[data-carousel-focus=true] {
+.carousel-item[data-carousel-focus="true"] {
   z-index: 1;
 }
 
@@ -2252,8 +2864,6 @@
   color: var(--carousel-button-label-color);
 }
 
-
-
 .checkbox {
   display: inline-flex;
   align-items: center;
@@ -2264,19 +2874,23 @@
   background-color: transparent;
   border: none;
   cursor: pointer;
-  transition: background-color 0.15s ease, border-color 0.15s ease, opacity 0.15s ease, box-shadow 0.15s ease;
+  transition:
+    background-color 0.15s ease,
+    border-color 0.15s ease,
+    opacity 0.15s ease,
+    box-shadow 0.15s ease;
 }
-.checkbox[data-size=medium] {
+.checkbox[data-size="medium"] {
   inline-size: var(--theme-checkbox-frame-size-medium);
   block-size: var(--theme-checkbox-frame-size-medium);
   border-radius: var(--theme-checkbox-control-radius-medium);
 }
-.checkbox[data-size=large] {
+.checkbox[data-size="large"] {
   inline-size: var(--theme-checkbox-frame-size-large);
   block-size: var(--theme-checkbox-frame-size-large);
   border-radius: var(--theme-checkbox-control-radius-large);
 }
-.checkbox[data-disabled=true] {
+.checkbox[data-disabled="true"] {
   cursor: not-allowed;
 }
 
@@ -2290,31 +2904,34 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  border: var(--theme-checkbox-border-width) solid var(--theme-checkbox-border-color);
+  border: var(--theme-checkbox-border-width) solid
+    var(--theme-checkbox-border-color);
   border-radius: var(--theme-checkbox-control-radius-medium);
   background-color: var(--theme-checkbox-surface);
-  transition: background-color 0.15s ease, border-color 0.15s ease;
+  transition:
+    background-color 0.15s ease,
+    border-color 0.15s ease;
 }
 
-.checkbox[data-size=large] .checkbox-surface {
+.checkbox[data-size="large"] .checkbox-surface {
   inline-size: var(--theme-checkbox-indicator-size-large);
   block-size: var(--theme-checkbox-indicator-size-large);
   border-radius: var(--theme-checkbox-control-radius-large);
 }
 
-.checkbox[data-state=checked] .checkbox-surface,
-.checkbox[data-state=indeterminate] .checkbox-surface {
+.checkbox[data-state="checked"] .checkbox-surface,
+.checkbox[data-state="indeterminate"] .checkbox-surface {
   background-color: var(--theme-checkbox-surface-selected);
   border-color: var(--theme-checkbox-border-selected);
 }
 
-.checkbox[data-disabled=true] .checkbox-surface {
+.checkbox[data-disabled="true"] .checkbox-surface {
   background-color: var(--theme-checkbox-surface-disabled);
   border-color: var(--theme-checkbox-border-color);
 }
 
-.checkbox[data-disabled=true][data-state=checked] .checkbox-surface,
-.checkbox[data-disabled=true][data-state=indeterminate] .checkbox-surface {
+.checkbox[data-disabled="true"][data-state="checked"] .checkbox-surface,
+.checkbox[data-disabled="true"][data-state="indeterminate"] .checkbox-surface {
   background-color: var(--theme-checkbox-surface-selected-disabled);
   border-color: var(--theme-checkbox-border-color);
 }
@@ -2334,13 +2951,14 @@
   max-block-size: 100%;
 }
 
-.checkbox[data-state=checked] .checkbox-indicator,
-.checkbox[data-state=indeterminate] .checkbox-indicator {
+.checkbox[data-state="checked"] .checkbox-indicator,
+.checkbox[data-state="indeterminate"] .checkbox-indicator {
   color: var(--theme-checkbox-icon-selected);
 }
 
-.checkbox[data-disabled=true][data-state=checked] .checkbox-indicator,
-.checkbox[data-disabled=true][data-state=indeterminate] .checkbox-indicator {
+.checkbox[data-disabled="true"][data-state="checked"] .checkbox-indicator,
+.checkbox[data-disabled="true"][data-state="indeterminate"]
+  .checkbox-indicator {
   color: var(--theme-checkbox-icon-disabled-selected);
 }
 
@@ -2351,7 +2969,7 @@
   color: var(--theme-checkbox-label-color);
 }
 
-.checkbox-field[data-disabled=true] {
+.checkbox-field[data-disabled="true"] {
   color: var(--theme-checkbox-label-disabled);
 }
 
@@ -2362,7 +2980,7 @@
   cursor: pointer;
 }
 
-.checkbox-label-wrapper[data-disabled=true] {
+.checkbox-label-wrapper[data-disabled="true"] {
   cursor: not-allowed;
 }
 
@@ -2371,12 +2989,12 @@
   user-select: none;
 }
 
-.checkbox-field[data-size=medium] .checkbox-label {
+.checkbox-field[data-size="medium"] .checkbox-label {
   font-size: var(--font-body-xsmall-size);
   line-height: var(--font-body-xsmall-line-height);
 }
 
-.checkbox-field[data-size=large] .checkbox-label {
+.checkbox-field[data-size="large"] .checkbox-label {
   font-size: var(--font-body-medium-size);
   line-height: var(--font-body-medium-line-height);
 }
@@ -2389,13 +3007,12 @@
   user-select: none;
 }
 
-.checkbox-field[data-disabled=true] .checkbox-helper {
+.checkbox-field[data-disabled="true"] .checkbox-helper {
   color: var(--theme-checkbox-helper-disabled);
 }
 
 /* Chip 기본 토큰 래핑 */
 
-
 .chip {
   --chip-current-height: var(--theme-chip-height);
   --chip-padding-horizontal: var(--theme-chip-padding-horizontal);
@@ -2424,7 +3041,11 @@
   margin: 0;
   width: fit-content;
   max-width: 100%;
-  transition: background-color 0.16s ease, color 0.16s ease, border-color 0.16s ease, opacity 0.16s ease;
+  transition:
+    background-color 0.16s ease,
+    color 0.16s ease,
+    border-color 0.16s ease,
+    opacity 0.16s ease;
 }
 
 button.chip {
@@ -2441,25 +3062,25 @@ figure.chip {
   outline-offset: 2px;
 }
 
-.chip:where([data-style=filter][data-fill=solid]) {
+.chip:where([data-style="filter"][data-fill="solid"]) {
   --chip-bg: var(--color-surface-standard);
   --chip-label-color: var(--color-label-neutral);
   --chip-border-color: transparent;
 }
 
-.chip:where([data-style=filter][data-fill=outlined]) {
+.chip:where([data-style="filter"][data-fill="outlined"]) {
   --chip-bg: var(--color-common-100);
   --chip-label-color: var(--color-label-neutral);
   --chip-border-color: var(--color-border-standard-cool-gray);
 }
 
-.chip:where([data-style=filter][data-selected=true]) {
+.chip:where([data-style="filter"][data-selected="true"]) {
   --chip-bg: var(--color-surface-heavy);
   --chip-label-color: var(--color-common-100);
   --chip-border-color: transparent;
 }
 
-.chip:where([data-style=text]) {
+.chip:where([data-style="text"]) {
   --chip-current-height: var(--theme-chip-height-text);
   --chip-padding-horizontal: var(--theme-chip-padding-horizontal-text);
   --chip-bg: transparent;
@@ -2467,42 +3088,42 @@ figure.chip {
   --chip-label-color: var(--color-label-standard);
 }
 
-.chip:where([data-style=text]) .chip-label {
+.chip:where([data-style="text"]) .chip-label {
   text-decoration: none;
 }
 
-.chip:where([data-style=text][data-selected=true]) {
+.chip:where([data-style="text"][data-selected="true"]) {
   --chip-bg: var(--color-surface-standard);
   font-weight: var(--theme-chip-text-font-weight-selected);
 }
 
-.chip:where([data-style=text][data-selected=true]) .chip-label {
+.chip:where([data-style="text"][data-selected="true"]) .chip-label {
   text-decoration: underline;
 }
 
-.chip:where([data-style][data-rounded=true]) {
+.chip:where([data-style][data-rounded="true"]) {
   border-radius: calc(var(--chip-current-height) / 2);
 }
 
-.chip:where([data-style=assist][data-fill=solid]) {
+.chip:where([data-style="assist"][data-fill="solid"]) {
   --chip-bg: var(--color-surface-static-neutral);
   --chip-label-color: var(--color-label-strong);
   --chip-gap: var(--theme-chip-assist-gap);
   --chip-border-color: transparent;
 }
 
-.chip:where([data-style=assist][data-fill=outlined]) {
+.chip:where([data-style="assist"][data-fill="outlined"]) {
   --chip-bg: var(--color-common-100);
   --chip-label-color: var(--color-label-strong);
   --chip-gap: var(--theme-chip-assist-gap);
   --chip-border-color: var(--color-border-standard-cool-gray);
 }
 
-.chip:where([data-style=assist][data-selected=true]) {
+.chip:where([data-style="assist"][data-selected="true"]) {
   --chip-label-color: var(--color-primary-default);
 }
 
-.chip:where([data-style=input]) {
+.chip:where([data-style="input"]) {
   --chip-gap: var(--theme-chip-input-gap);
   --chip-bg: var(--color-common-100);
   --chip-label-color: var(--color-label-standard);
@@ -2511,12 +3132,12 @@ figure.chip {
   padding-right: var(--theme-chip-input-padding-right);
 }
 
-.chip:where([data-style=input][data-removable=false]) {
+.chip:where([data-style="input"][data-removable="false"]) {
   padding-left: var(--theme-chip-padding-horizontal);
   padding-right: var(--theme-chip-padding-horizontal);
 }
 
-.chip:where([data-size=table]) {
+.chip:where([data-size="table"]) {
   --chip-current-height: var(--theme-chip-height-table);
   height: var(--theme-chip-height-table);
   padding-left: var(--theme-chip-padding-horizontal-table);
@@ -2529,30 +3150,30 @@ figure.chip {
   border-radius: var(--theme-chip-radius-table);
 }
 
-.chip:where([data-size=table]) .chip-label {
+.chip:where([data-size="table"]) .chip-label {
   line-height: var(--theme-chip-line-height-table);
 }
 
-.chip:where([data-size=table][data-style=text][data-selected=true]) {
+.chip:where([data-size="table"][data-style="text"][data-selected="true"]) {
   font-weight: var(--theme-chip-text-font-weight-selected);
 }
 
-.chip:where([data-size=table][data-style=input]) {
+.chip:where([data-size="table"][data-style="input"]) {
   padding-left: var(--theme-chip-padding-left-table);
   padding-right: var(--theme-chip-padding-right-table);
 }
 
-.chip:where([data-size=table][data-style=input][data-removable=false]) {
+.chip:where([data-size="table"][data-style="input"][data-removable="false"]) {
   padding-left: var(--theme-chip-padding-horizontal-table);
   padding-right: var(--theme-chip-padding-horizontal-table);
 }
 
-.chip:where([data-size=table][data-style=input]) .chip-remove-button {
+.chip:where([data-size="table"][data-style="input"]) .chip-remove-button {
   width: fit-content;
   height: fit-content;
 }
 
-.chip:where([data-style=input][data-selected=true]) {
+.chip:where([data-style="input"][data-selected="true"]) {
   --chip-border-color: var(--color-border-standard-blue);
 }
 
@@ -2615,7 +3236,6 @@ figure.chip {
 
 /* Divider 토큰도 전역 :root 범위에 선언한다. */
 
-
 .divider {
   width: var(--divider-width);
   height: var(--divider-height);
@@ -2626,8 +3246,6 @@ figure.chip {
   font-size: 0;
 }
 
-
-
 .drawer-overlay {
   position: fixed;
   inset: 0;
@@ -2638,11 +3256,12 @@ figure.chip {
   transition: opacity 0.25s ease;
   will-change: opacity;
 }
-.drawer-overlay[data-phase=entering], .drawer-overlay[data-phase=entered] {
+.drawer-overlay[data-phase="entering"],
+.drawer-overlay[data-phase="entered"] {
   opacity: 1;
   pointer-events: auto;
 }
-.drawer-overlay[data-phase=exiting] {
+.drawer-overlay[data-phase="exiting"] {
   opacity: 0;
   pointer-events: auto;
 }
@@ -2673,32 +3292,34 @@ figure.chip {
   max-width: min(640px, 100%);
   width: 100%;
   max-height: calc(100vh - var(--spacing-padding-8));
-  transition: transform 0.32s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.2s ease;
+  transition:
+    transform 0.32s cubic-bezier(0.16, 1, 0.3, 1),
+    opacity 0.2s ease;
   opacity: 0;
   pointer-events: none;
   will-change: transform;
 }
 
-.drawer-content[data-phase=entering],
-.drawer-content[data-phase=entered] {
+.drawer-content[data-phase="entering"],
+.drawer-content[data-phase="entered"] {
   transform: translate3d(-50%, var(--drawer-drag-offset, 0px), 0);
   opacity: 1;
   pointer-events: auto;
 }
 
-.drawer-content[data-phase=exiting] {
+.drawer-content[data-phase="exiting"] {
   transform: translate3d(-50%, calc(100% + var(--drawer-drag-offset, 0px)), 0);
   opacity: 1;
   pointer-events: none;
 }
 
-.drawer-content[data-phase=exited] {
+.drawer-content[data-phase="exited"] {
   transform: translate3d(-50%, 100%, 0);
   opacity: 0;
   pointer-events: none;
 }
 
-.drawer-content[data-dragging=true] {
+.drawer-content[data-dragging="true"] {
   transition: none;
 }
 
@@ -2826,8 +3447,6 @@ figure.chip {
   display: none;
 }
 
-
-
 .dropdown-panel {
   display: flex;
   flex-direction: column;
@@ -2912,7 +3531,8 @@ figure.chip {
   gap: var(--dropdown-option-gap-inline);
   width: 100%;
   min-height: var(--dropdown-option-height-selected);
-  padding: var(--dropdown-option-padding-block-selected) var(--dropdown-option-padding-inline-selected);
+  padding: var(--dropdown-option-padding-block-selected)
+    var(--dropdown-option-padding-inline-selected);
   border-radius: var(--dropdown-option-radius-selected);
   background-color: transparent;
   color: var(--dropdown-option-color);
@@ -2924,27 +3544,31 @@ figure.chip {
 .dropdown-menu-item-trigger span {
   user-select: none;
 }
-.dropdown-menu-item-trigger[data-state=selected] {
+.dropdown-menu-item-trigger[data-state="selected"] {
   background-color: var(--dropdown-option-bg-selected);
   color: var(--dropdown-option-color-selected);
 }
-.dropdown-menu-item-trigger[data-highlighted], .dropdown-menu-item-trigger:hover {
+.dropdown-menu-item-trigger[data-highlighted],
+.dropdown-menu-item-trigger:hover {
   background-color: var(--dropdown-option-bg-hover);
   color: var(--dropdown-option-color-hover);
 }
-.dropdown-menu-item-trigger[data-state=selected]:hover {
+.dropdown-menu-item-trigger[data-state="selected"]:hover {
   background-color: var(--dropdown-option-bg-selected);
   color: var(--dropdown-option-color-selected);
 }
-.dropdown-menu-item-trigger[data-disabled], .dropdown-menu-item-trigger:disabled {
+.dropdown-menu-item-trigger[data-disabled],
+.dropdown-menu-item-trigger:disabled {
   color: var(--dropdown-option-color-disabled);
   cursor: not-allowed;
   background-color: var(--dropdown-option-bg-disabled);
 }
-.dropdown-menu-item-trigger[data-disabled] .dropdown-menu-item-label, .dropdown-menu-item-trigger:disabled .dropdown-menu-item-label {
+.dropdown-menu-item-trigger[data-disabled] .dropdown-menu-item-label,
+.dropdown-menu-item-trigger:disabled .dropdown-menu-item-label {
   color: var(--dropdown-option-color-disabled);
 }
-.dropdown-menu-item-trigger[data-disabled] .dropdown-menu-item-description, .dropdown-menu-item-trigger:disabled .dropdown-menu-item-description {
+.dropdown-menu-item-trigger[data-disabled] .dropdown-menu-item-description,
+.dropdown-menu-item-trigger:disabled .dropdown-menu-item-description {
   color: var(--dropdown-option-color-disabled);
 }
 
@@ -2992,11 +3616,11 @@ figure.chip {
   white-space: nowrap;
 }
 
-.dropdown-menu-item-trigger[data-state=selected] .dropdown-menu-item-label {
+.dropdown-menu-item-trigger[data-state="selected"] .dropdown-menu-item-label {
   font-weight: var(--dropdown-text-weight-selected);
 }
 
-.dropdown-menu-item-trigger[data-multiple=true] {
+.dropdown-menu-item-trigger[data-multiple="true"] {
   align-items: center;
 }
 
@@ -3006,30 +3630,28 @@ figure.chip {
   padding: 0;
 }
 
-
-
 .form-field-container {
   display: block;
   width: var(--form-field-width);
   flex: var(--form-field-flex);
 }
-.form-field-container[data-width=auto] {
+.form-field-container[data-width="auto"] {
   --form-field-width: auto;
   --form-field-flex: 0 0 auto;
 }
-.form-field-container[data-width=fill] {
+.form-field-container[data-width="fill"] {
   --form-field-width: auto;
   --form-field-flex: 1 1 0%;
 }
-.form-field-container[data-width=full] {
+.form-field-container[data-width="full"] {
   --form-field-width: 100%;
   --form-field-flex: 0 0 100%;
 }
-.form-field-container[data-width=fit] {
+.form-field-container[data-width="fit"] {
   --form-field-width: fit-content;
   --form-field-flex: 0 0 auto;
 }
-.form-field-container[data-width=custom] {
+.form-field-container[data-width="custom"] {
   --form-field-flex: 0 0 auto;
 }
 
@@ -3071,16 +3693,14 @@ figure.chip {
   color: inherit;
 }
 
-.form-field-container[data-state=error] .form-field-footer {
+.form-field-container[data-state="error"] .form-field-footer {
   color: var(--form-field-helper-color-error);
 }
-.form-field-container[data-state=error] .form-field-footer p,
-.form-field-container[data-state=error] .form-field-footer span {
+.form-field-container[data-state="error"] .form-field-footer p,
+.form-field-container[data-state="error"] .form-field-footer span {
   color: inherit;
 }
 
-
-
 .info-box {
   display: flex;
   align-items: flex-start;
@@ -3094,7 +3714,7 @@ figure.chip {
   background-color: var(--info-box-background-color);
 }
 
-.info-box:where([data-state=info]) {
+.info-box:where([data-state="info"]) {
   --info-box-icon-color: var(--color-feedback-information);
   --info-box-heading-color: var(--color-feedback-information);
 }
@@ -3142,8 +3762,6 @@ figure.chip {
   font-weight: var(--info-box-body-font-weight);
 }
 
-
-
 .input {
   display: flex;
   flex-direction: column;
@@ -3152,34 +3770,35 @@ figure.chip {
   flex: var(--input-flex);
   min-width: 0;
 }
-.input:where([data-width=auto]) {
+.input:where([data-width="auto"]) {
   --input-width: auto;
   --input-flex: 0 1 auto;
 }
-.input:where([data-width=fill]) {
+.input:where([data-width="fill"]) {
   --input-width: auto;
   --input-flex: 1 1 0%;
 }
-.input:where([data-width=full]), .input:where([data-block=true]) {
+.input:where([data-width="full"]),
+.input:where([data-block="true"]) {
   --input-width: 100%;
   --input-flex: 0 0 100%;
 }
-.input:where([data-width=fit]) {
+.input:where([data-width="fit"]) {
   --input-width: fit-content;
   --input-flex: 0 0 auto;
 }
-.input:where([data-width=custom]) {
+.input:where([data-width="custom"]) {
   --input-flex: 0 0 auto;
 }
 .input--block {
   width: 100%;
 }
-.input:where([data-priority=table]) {
+.input:where([data-priority="table"]) {
   display: block;
   --input-width: 100%;
   height: 100%;
 }
-.input:where([data-priority=table]) .input-box {
+.input:where([data-priority="table"]) .input-box {
   height: 100%;
 }
 
@@ -3215,52 +3834,57 @@ figure.chip {
   border-radius: var(--input-default-radius-base);
   border: var(--input-border-width-default) solid var(--input-border-color);
   background-color: var(--input-surface-color);
-  padding: var(--input-default-padding-block) var(--input-default-padding-inline);
+  padding: var(--input-default-padding-block)
+    var(--input-default-padding-inline);
   min-height: var(--input-default-height-medium);
-  transition: border-color 0.15s ease, background-color 0.15s ease;
+  transition:
+    border-color 0.15s ease,
+    background-color 0.15s ease;
   box-sizing: border-box;
   outline: none;
   box-shadow: none;
 }
-.input-field:where([data-size=small]) {
+.input-field:where([data-size="small"]) {
   min-height: var(--input-default-height-small);
   --input-font-size: var(--input-text-small-size);
   --input-line-height: var(--input-text-small-line-height);
   --input-font-weight: var(--input-text-small-weight);
   --input-letter-spacing: var(--input-text-small-letter-spacing);
 }
-.input-field:where([data-size=large]) {
+.input-field:where([data-size="large"]) {
   min-height: var(--input-default-height-large);
   --input-font-size: var(--input-text-large-size);
   --input-line-height: var(--input-text-large-line-height);
   --input-font-weight: var(--input-text-large-weight);
   --input-letter-spacing: var(--input-text-large-letter-spacing);
 }
-.input-field:where([data-priority=secondary]) {
+.input-field:where([data-priority="secondary"]) {
   border: none;
-  border-bottom: var(--input-border-width-default) solid var(--input-border-color);
+  border-bottom: var(--input-border-width-default) solid
+    var(--input-border-color);
   border-radius: 0;
   padding-inline: 0;
   padding-block: var(--input-secondary-padding-block);
   background-color: var(--input-secondary-surface-color);
 }
-.input-field:where([data-priority=secondary]):where([data-state=active]), .input-field:where([data-priority=secondary]):where([data-state=focused]) {
+.input-field:where([data-priority="secondary"]):where([data-state="active"]),
+.input-field:where([data-priority="secondary"]):where([data-state="focused"]) {
   border-bottom-color: var(--input-border-active-color);
   border-bottom-width: var(--input-border-width-emphasis);
 }
-.input-field:where([data-priority=secondary]):where([data-state=success]) {
+.input-field:where([data-priority="secondary"]):where([data-state="success"]) {
   border-bottom-color: var(--input-border-success-color);
   border-bottom-width: var(--input-border-width-emphasis);
 }
-.input-field:where([data-priority=secondary]):where([data-state=error]) {
+.input-field:where([data-priority="secondary"]):where([data-state="error"]) {
   border-bottom-color: var(--input-border-error-color);
   border-bottom-width: var(--input-border-width-emphasis);
 }
-.input-field:where([data-priority=secondary]):where([data-state=disabled]) {
+.input-field:where([data-priority="secondary"]):where([data-state="disabled"]) {
   border-bottom-color: var(--input-border-underline-disabled-color);
   border-bottom-width: var(--input-border-width-default);
 }
-.input-field:where([data-priority=tertiary]) {
+.input-field:where([data-priority="tertiary"]) {
   border-radius: var(--input-tertiary-radius-base);
   background-color: var(--input-surface-color);
   min-height: var(--input-tertiary-height-base);
@@ -3273,7 +3897,7 @@ figure.chip {
   flex-wrap: wrap;
   align-items: center;
 }
-.input-field:where([data-priority=tertiary]) .input-field-control {
+.input-field:where([data-priority="tertiary"]) .input-field-control {
   display: grid;
   grid-template-columns: auto minmax(0, 1fr);
   column-gap: var(--input-default-gap);
@@ -3282,57 +3906,62 @@ figure.chip {
   flex: 1 1 auto;
   min-width: 0;
 }
-.input-field:where([data-priority=tertiary]) .input-inline-label {
+.input-field:where([data-priority="tertiary"]) .input-inline-label {
   grid-column: 1/-1;
   margin: 0;
   align-self: flex-start;
 }
-.input-field:where([data-priority=tertiary]) .input-element {
+.input-field:where([data-priority="tertiary"]) .input-element {
   min-height: var(--input-tertiary-element-min-height);
   width: auto;
   flex: 1 1 auto;
 }
-.input-field:where([data-priority=tertiary]) .input-field-utilities {
+.input-field:where([data-priority="tertiary"]) .input-field-utilities {
   align-self: center;
   margin-left: 0;
 }
-.input-field:where([data-priority=table]) {
+.input-field:where([data-priority="table"]) {
   height: 100%;
   border-radius: var(--input-table-radius-base);
   border-color: var(--input-border-table-default-color);
   background-color: var(--input-table-surface-color);
 }
-.input-field:where([data-priority=table]):where([data-state=disabled]) {
+.input-field:where([data-priority="table"]):where([data-state="disabled"]) {
   border-color: var(--input-border-table-disabled-color);
   background-color: var(--input-table-surface-disabled-color);
 }
-.input-field:where([data-priority=table]):where([data-readonly=true]) {
+.input-field:where([data-priority="table"]):where([data-readonly="true"]) {
   border-color: var(--input-border-table-readonly-color);
   background-color: var(--input-table-surface-readonly-color);
 }
-.input-field:not([data-priority=secondary]):where([data-state=active]), .input-field:not([data-priority=secondary]):where([data-state=focused]) {
+.input-field:not([data-priority="secondary"]):where([data-state="active"]),
+.input-field:not([data-priority="secondary"]):where([data-state="focused"]) {
   border-color: var(--input-border-active-color);
   border-width: var(--input-border-width-emphasis);
 }
-.input-field:not([data-priority=secondary]):where([data-state=success]) {
+.input-field:not([data-priority="secondary"]):where([data-state="success"]) {
   border-color: var(--input-border-success-color);
   border-width: var(--input-border-width-emphasis);
 }
-.input-field:not([data-priority=secondary]):where([data-state=error]) {
+.input-field:not([data-priority="secondary"]):where([data-state="error"]) {
   border-color: var(--input-border-error-color);
   border-width: var(--input-border-width-emphasis);
 }
-.input-field:not([data-priority=secondary]):where([data-state=disabled]) {
+.input-field:not([data-priority="secondary"]):where([data-state="disabled"]) {
   border-color: var(--input-border-disabled-color);
   border-width: var(--input-border-width-default);
-  background-color: var(--input-surface-disabled-color); /* disabled 배경 토큰 */
+  background-color: var(
+    --input-surface-disabled-color
+  ); /* disabled 배경 토큰 */
 }
-.input-field:not([data-priority=secondary]):where([data-readonly=true]) {
+.input-field:not([data-priority="secondary"]):where([data-readonly="true"]) {
   border-color: var(--input-border-disabled-color);
   border-width: var(--input-border-width-default);
   background-color: var(--input-surface-disabled-color);
 }
-.input-field:not([data-priority=secondary]):where([data-state=error][data-readonly=true]) {
+.input-field:not([data-priority="secondary"]):where(
+    [data-state="error"][data-readonly="true"]
+  ) {
   border-color: var(--input-border-error-color);
   border-width: var(--input-border-width-emphasis);
 }
@@ -3368,12 +3997,14 @@ figure.chip {
 .input-element:disabled::placeholder {
   color: var(--input-placeholder-disabled-color);
 }
-.input-element:focus, .input-element:focus-visible, .input-element:focus-within {
+.input-element:focus,
+.input-element:focus-visible,
+.input-element:focus-within {
   outline: none;
   box-shadow: none;
 }
 
-.input-field:where([data-has-value=true]) .input-element:not(:disabled) {
+.input-field:where([data-has-value="true"]) .input-element:not(:disabled) {
   color: var(--input-text-color);
   caret-color: var(--input-text-color);
 }
@@ -3386,7 +4017,7 @@ figure.chip {
   min-width: 0;
 }
 
-.input:where([data-input-type=textarea]) .input-field {
+.input:where([data-input-type="textarea"]) .input-field {
   --input-textarea-radius: var(--input-textarea-radius-medium);
   --input-textarea-padding-inline: var(--input-textarea-padding-inline-medium);
   --input-textarea-padding-block: var(--input-textarea-padding-block-medium);
@@ -3395,31 +4026,34 @@ figure.chip {
   flex-direction: column;
   gap: var(--input-textarea-gap);
   border-radius: var(--input-textarea-radius);
-  padding: var(--input-textarea-padding-block) var(--input-textarea-padding-inline);
+  padding: var(--input-textarea-padding-block)
+    var(--input-textarea-padding-inline);
 }
-.input:where([data-input-type=textarea]) .input-field:where([data-size=small]) {
+.input:where([data-input-type="textarea"])
+  .input-field:where([data-size="small"]) {
   --input-textarea-radius: var(--input-textarea-radius-small);
   --input-textarea-padding-inline: var(--input-textarea-padding-inline-small);
   --input-textarea-padding-block: var(--input-textarea-padding-block-small);
   --input-textarea-gap: var(--input-textarea-gap-small);
 }
-.input:where([data-input-type=textarea]) .input-field:where([data-size=large]) {
+.input:where([data-input-type="textarea"])
+  .input-field:where([data-size="large"]) {
   --input-textarea-radius: var(--input-textarea-radius-large);
   --input-textarea-padding-inline: var(--input-textarea-padding-inline-large);
   --input-textarea-padding-block: var(--input-textarea-padding-block-large);
   --input-textarea-gap: var(--input-textarea-gap-large);
 }
 
-.input:where([data-input-type=textarea]) {
+.input:where([data-input-type="textarea"]) {
   min-height: var(--input-textarea-height);
 }
-.input:where([data-input-type=textarea]) .input-box {
+.input:where([data-input-type="textarea"]) .input-box {
   height: 100%;
 }
-.input:where([data-input-type=textarea]) .input-field {
+.input:where([data-input-type="textarea"]) .input-field {
   height: 100%;
 }
-.input:where([data-input-type=textarea]) .input-field-control {
+.input:where([data-input-type="textarea"]) .input-field-control {
   flex: 1 1 auto;
   width: 100%;
   align-items: stretch;
@@ -3461,27 +4095,30 @@ figure.chip {
   color: var(--input-label-color);
 }
 
-.input-field:where([data-priority=secondary]) .input-element {
+.input-field:where([data-priority="secondary"]) .input-element {
   padding-inline: 0;
 }
 
-.input-field:where([data-priority=tertiary]) .input-element {
+.input-field:where([data-priority="tertiary"]) .input-element {
   min-height: var(--input-tertiary-element-min-height);
 }
 
-.input-field:where([data-priority=table]):where([data-size=small]) .input-element {
+.input-field:where([data-priority="table"]):where([data-size="small"])
+  .input-element {
   font-size: var(--input-table-text-small-size);
   line-height: var(--input-table-text-small-line-height);
   font-weight: var(--input-table-text-small-weight);
 }
 
-.input-field:where([data-priority=table]):where([data-size=medium]) .input-element {
+.input-field:where([data-priority="table"]):where([data-size="medium"])
+  .input-element {
   font-size: var(--input-table-text-medium-size);
   line-height: var(--input-table-text-medium-line-height);
   font-weight: var(--input-table-text-medium-weight);
 }
 
-.input-field:where([data-priority=table]):where([data-size=large]) .input-element {
+.input-field:where([data-priority="table"]):where([data-size="large"])
+  .input-element {
   font-size: var(--input-table-text-large-size);
   line-height: var(--input-table-text-large-line-height);
   font-weight: var(--input-table-text-large-weight);
@@ -3492,10 +4129,10 @@ figure.chip {
   font-size: var(--input-helper-font-size);
   line-height: var(--input-helper-line-height);
 }
-:where([data-state=error]) .input-helper-text {
+:where([data-state="error"]) .input-helper-text {
   color: var(--input-border-error-color);
 }
-:where([data-state=disabled]) .input-helper-text {
+:where([data-state="disabled"]) .input-helper-text {
   color: var(--input-helper-disabled-color);
 }
 
@@ -3510,84 +4147,89 @@ figure.chip {
   order: -1;
   margin-right: var(--input-affix-gap);
 }
-.input-affix-right, .input-affix-clear, .input-affix-status {
+.input-affix-right,
+.input-affix-clear,
+.input-affix-status {
   margin-left: var(--input-affix-gap);
 }
-.input-affix-clear, .input-affix-status {
+.input-affix-clear,
+.input-affix-status {
   color: var(--input-text-color);
 }
-.input-affix-status:where([data-state=error]) {
+.input-affix-status:where([data-state="error"]) {
   color: var(--input-status-error-color);
 }
-.input-affix-status:where([data-state=success]) {
+.input-affix-status:where([data-state="success"]) {
   color: var(--input-status-success-color);
 }
 
-.input-field:where([data-priority=secondary]) {
+.input-field:where([data-priority="secondary"]) {
   border-bottom-width: var(--input-border-width-default);
 }
-.input-field:where([data-priority=secondary]) :where([data-state=active]),
-.input-field:where([data-priority=secondary]) :where([data-state=focused]) {
+.input-field:where([data-priority="secondary"]) :where([data-state="active"]),
+.input-field:where([data-priority="secondary"]) :where([data-state="focused"]) {
   border-bottom-color: var(--input-border-active-color);
   border-bottom-width: var(--input-border-width-emphasis);
 }
-.input-field:where([data-priority=secondary]) :where([data-state=success]) {
+.input-field:where([data-priority="secondary"]) :where([data-state="success"]) {
   border-bottom-color: var(--input-border-success-color);
   border-bottom-width: var(--input-border-width-emphasis);
 }
-.input-field:where([data-priority=secondary]) :where([data-state=error]) {
+.input-field:where([data-priority="secondary"]) :where([data-state="error"]) {
   border-bottom-color: var(--input-border-error-color);
   border-bottom-width: var(--input-border-width-emphasis);
 }
-.input-field:where([data-priority=secondary]) :where([data-state=disabled]) {
+.input-field:where([data-priority="secondary"])
+  :where([data-state="disabled"]) {
   border-bottom-color: var(--input-border-underline-disabled-color);
   border-bottom-width: var(--input-border-width-default);
 }
-.input-field:where([data-priority=secondary]) :where([data-readonly=true]) {
+.input-field:where([data-priority="secondary"]) :where([data-readonly="true"]) {
   border-bottom-color: var(--input-border-underline-disabled-color);
   border-bottom-width: var(--input-border-width-default);
 }
 
-.input:where([data-state=active]) .input-label,
-.input:where([data-state=active]) .input-inline-label,
-.input:where([data-state=focused]) .input-label,
-.input:where([data-state=focused]) .input-inline-label,
-.input:where([data-state=success]) .input-label,
-.input:where([data-state=success]) .input-inline-label {
+.input:where([data-state="active"]) .input-label,
+.input:where([data-state="active"]) .input-inline-label,
+.input:where([data-state="focused"]) .input-label,
+.input:where([data-state="focused"]) .input-inline-label,
+.input:where([data-state="success"]) .input-label,
+.input:where([data-state="success"]) .input-inline-label {
   color: var(--input-label-accent-color);
 }
 
-.input:where([data-state=error]) .input-label,
-.input:where([data-state=error]) .input-inline-label {
+.input:where([data-state="error"]) .input-label,
+.input:where([data-state="error"]) .input-inline-label {
   color: var(--input-label-error-color);
 }
-.input:where([data-state=error]) .input-helper-text {
+.input:where([data-state="error"]) .input-helper-text {
   color: var(--input-label-error-color);
 }
-.input:where([data-state=error]) .input-textarea-length {
+.input:where([data-state="error"]) .input-textarea-length {
   color: var(--input-label-error-color);
 }
 
-.input:where([data-state=disabled]) .input-label,
-.input:where([data-state=disabled]) .input-inline-label,
-.input:where([data-state=disabled]) .input-helper-text,
-.input:where([data-state=disabled]) .input-affix,
-.input:where([data-state=disabled]) .input-textarea-length {
+.input:where([data-state="disabled"]) .input-label,
+.input:where([data-state="disabled"]) .input-inline-label,
+.input:where([data-state="disabled"]) .input-helper-text,
+.input:where([data-state="disabled"]) .input-affix,
+.input:where([data-state="disabled"]) .input-textarea-length {
   color: var(--input-helper-disabled-color);
 }
-.input:where([data-state=disabled]) .input-field {
+.input:where([data-state="disabled"]) .input-field {
   border-color: var(--input-border-color);
   background-color: var(--input-surface-disabled-color);
 }
-.input:where([data-state=disabled]) .input-field[data-priority=secondary] {
+.input:where([data-state="disabled"]) .input-field[data-priority="secondary"] {
   background-color: var(--input-secondary-surface-color);
 }
-.input:where([data-state=disabled]) .input-field[data-priority=table] {
+.input:where([data-state="disabled"]) .input-field[data-priority="table"] {
   background-color: var(--input-table-surface-disabled-color);
   border-color: var(--input-border-table-disabled-color);
 }
 
-.input:where([data-readonly=true]) .input-field:where([data-priority=table]) {
+.input:where([data-readonly="true"])
+  .input-field:where([data-priority="table"]) {
   background-color: var(--input-table-surface-readonly-color);
   border-color: var(--input-border-table-readonly-color);
 }
@@ -3709,7 +4351,7 @@ figure.chip {
   color: var(--color-label-alternative);
   cursor: pointer;
 }
-.input-date-trigger-icon:where([aria-disabled=true]) {
+.input-date-trigger-icon:where([aria-disabled="true"]) {
   cursor: default;
 }
 
@@ -3769,7 +4411,10 @@ figure.chip {
   background-color: transparent;
   color: var(--color-feedback-error);
 }
-.input-date-range-clear-button:hover:not(:disabled):not([aria-disabled=true]), .input-date-range-clear-button:active:not(:disabled):not([aria-disabled=true]) {
+.input-date-range-clear-button:hover:not(:disabled):not([aria-disabled="true"]),
+.input-date-range-clear-button:active:not(:disabled):not(
+    [aria-disabled="true"]
+  ) {
   border-color: transparent;
   background-color: transparent;
   color: var(--color-feedback-error);
@@ -3797,26 +4442,27 @@ figure.chip {
   flex: var(--input-time-flex);
   min-width: 0;
 }
-.input-time:where([data-width=auto]) {
+.input-time:where([data-width="auto"]) {
   --input-time-width: auto;
   --input-time-flex: 0 1 auto;
 }
-.input-time:where([data-width=fill]) {
+.input-time:where([data-width="fill"]) {
   --input-time-width: auto;
   --input-time-flex: 1 1 0%;
 }
-.input-time:where([data-width=full]), .input-time:where([data-block=true]) {
+.input-time:where([data-width="full"]),
+.input-time:where([data-block="true"]) {
   --input-time-width: 100%;
   --input-time-flex: 0 0 100%;
 }
-.input-time:where([data-width=fit]) {
+.input-time:where([data-width="fit"]) {
   --input-time-width: fit-content;
   --input-time-flex: 0 0 auto;
 }
-.input-time:where([data-width=custom]) {
+.input-time:where([data-width="custom"]) {
   --input-time-flex: 0 0 auto;
 }
-.input-time:where([data-priority=table]) {
+.input-time:where([data-priority="table"]) {
   display: block;
   --input-time-width: 100%;
   height: 100%;
@@ -3841,24 +4487,28 @@ figure.chip {
   color: var(--input-time-text-color);
   padding: var(--input-time-padding-block) var(--input-time-padding-inline);
   box-shadow: none;
-  transition: border-color 0.15s ease, background-color 0.15s ease;
+  transition:
+    border-color 0.15s ease,
+    background-color 0.15s ease;
 }
 
-.input-time:where([data-icon-position=left]) .input-time-input {
+.input-time:where([data-icon-position="left"]) .input-time-input {
   padding-inline-start: var(--input-time-left-section-padding-offset);
 }
-.input-time:where([data-icon-position=left]):where([data-has-clear=true]) .input-time-input {
+.input-time:where([data-icon-position="left"]):where([data-has-clear="true"])
+  .input-time-input {
   padding-inline-end: var(--input-time-right-section-padding-offset);
 }
 
-.input-time:where([data-icon-position=right]) .input-time-input {
+.input-time:where([data-icon-position="right"]) .input-time-input {
   padding-inline-end: var(--input-time-right-section-padding-offset);
 }
-.input-time:where([data-icon-position=right]):where([data-clearable=true]) .input-time-input {
+.input-time:where([data-icon-position="right"]):where([data-clearable="true"])
+  .input-time-input {
   padding-inline-end: var(--input-time-right-section-padding-offset-with-clear);
 }
 
-.input-time:where([data-size=small]) .input-time-input {
+.input-time:where([data-size="small"]) .input-time-input {
   min-height: var(--input-time-height-small);
   --input-time-font-size: var(--input-time-text-small-size);
   --input-time-line-height: var(--input-time-text-small-line-height);
@@ -3866,7 +4516,7 @@ figure.chip {
   --input-time-letter-spacing: var(--input-time-text-small-letter-spacing);
 }
 
-.input-time:where([data-size=large]) .input-time-input {
+.input-time:where([data-size="large"]) .input-time-input {
   min-height: var(--input-time-height-large);
   --input-time-font-size: var(--input-time-text-large-size);
   --input-time-line-height: var(--input-time-text-large-line-height);
@@ -3874,29 +4524,30 @@ figure.chip {
   --input-time-letter-spacing: var(--input-time-text-large-letter-spacing);
 }
 
-.input-time:where([data-priority=secondary]) .input-time-input {
+.input-time:where([data-priority="secondary"]) .input-time-input {
   border: none;
-  border-bottom: var(--input-time-border-width) solid var(--input-time-border-color);
+  border-bottom: var(--input-time-border-width) solid
+    var(--input-time-border-color);
   border-radius: 0;
   background-color: var(--input-time-secondary-surface-color);
   padding-inline: 0;
   padding-block: var(--input-time-secondary-padding-block);
 }
 
-.input-time:where([data-priority=tertiary]) .input-time-input {
+.input-time:where([data-priority="tertiary"]) .input-time-input {
   min-height: var(--input-time-tertiary-height);
   border-radius: var(--input-time-tertiary-radius);
 }
 
-.input-time:where([data-priority=table]) {
+.input-time:where([data-priority="table"]) {
   height: 100%;
 }
-.input-time:where([data-priority=table]) .input-time-picker,
-.input-time:where([data-priority=table]) .input-time-wrapper,
-.input-time:where([data-priority=table]) .input-time-input {
+.input-time:where([data-priority="table"]) .input-time-picker,
+.input-time:where([data-priority="table"]) .input-time-wrapper,
+.input-time:where([data-priority="table"]) .input-time-input {
   height: 100%;
 }
-.input-time:where([data-priority=table]) .input-time-input {
+.input-time:where([data-priority="table"]) .input-time-input {
   min-height: var(--input-time-height-small);
   border-color: var(--input-time-table-border-color);
   border-radius: var(--input-time-table-radius);
@@ -3906,49 +4557,55 @@ figure.chip {
   --input-time-line-height: var(--input-time-table-text-line-height);
   --input-time-font-weight: var(--input-time-table-text-weight);
 }
-.input-time:where([data-priority=table]):where([data-icon-position=left]) .input-time-input {
+.input-time:where([data-priority="table"]):where([data-icon-position="left"])
+  .input-time-input {
   padding-inline-start: var(--input-time-table-section-padding-offset);
 }
-.input-time:where([data-priority=table]):where([data-icon-position=right]) .input-time-input {
+.input-time:where([data-priority="table"]):where([data-icon-position="right"])
+  .input-time-input {
   padding-inline-end: var(--input-time-right-section-padding-offset);
 }
-.input-time:where([data-priority=table]):where([data-has-clear=true]) .input-time-input {
+.input-time:where([data-priority="table"]):where([data-has-clear="true"])
+  .input-time-input {
   padding-inline-end: var(--input-time-table-clear-padding-offset);
 }
-.input-time:where([data-priority=table]) .input-time-fields-group {
+.input-time:where([data-priority="table"]) .input-time-fields-group {
   --input-time-field-y-offset: 0px;
 }
-.input-time:where([data-priority=table]) .input-time-field {
+.input-time:where([data-priority="table"]) .input-time-field {
   --input-time-field-width: var(--input-time-table-field-width);
 }
-.input-time:where([data-priority=table]) .input-time-field:where(select) {
+.input-time:where([data-priority="table"]) .input-time-field:where(select) {
   --input-time-period-field-width: var(--input-time-table-period-field-width);
 }
 
-.input-time:where([data-state=active]) .input-time-input {
+.input-time:where([data-state="active"]) .input-time-input {
   border-color: var(--input-time-border-active-color);
   border-width: var(--input-time-border-width-emphasis);
 }
 
-.input-time:where([data-state=success]) .input-time-input {
+.input-time:where([data-state="success"]) .input-time-input {
   border-color: var(--input-time-border-success-color);
   border-width: var(--input-time-border-width-emphasis);
 }
 
-.input-time:where([data-state=error]) .input-time-input {
+.input-time:where([data-state="error"]) .input-time-input {
   border-color: var(--input-time-border-error-color);
   border-width: var(--input-time-border-width-emphasis);
 }
 
-.input-time:where([data-state=disabled]) .input-time-input,
-.input-time:where([data-readonly=true]) .input-time-input {
+.input-time:where([data-state="disabled"]) .input-time-input,
+.input-time:where([data-readonly="true"]) .input-time-input {
   border-color: var(--input-time-border-disabled-color);
   background-color: var(--input-time-surface-disabled-color);
 }
 
-.input-time:where([data-priority=secondary][data-state=active]) .input-time-input,
-.input-time:where([data-priority=secondary][data-state=success]) .input-time-input,
-.input-time:where([data-priority=secondary][data-state=error]) .input-time-input {
+.input-time:where([data-priority="secondary"][data-state="active"])
+  .input-time-input,
+.input-time:where([data-priority="secondary"][data-state="success"])
+  .input-time-input,
+.input-time:where([data-priority="secondary"][data-state="error"])
+  .input-time-input {
   border-bottom-width: var(--input-time-border-width-emphasis);
 }
 
@@ -4019,17 +4676,18 @@ figure.chip {
   justify-content: center;
   width: var(--input-time-section-width);
 }
-.input-time-section:where([data-position=left]) {
+.input-time-section:where([data-position="left"]) {
   left: 0;
   width: var(--input-time-left-section-width);
 }
-.input-time-section:where([data-position=right]) {
+.input-time-section:where([data-position="right"]) {
   right: 0;
   justify-content: flex-end;
   padding-inline-end: var(--input-time-section-edge-gap);
 }
 
-.input-time:where([data-icon-position=right][data-clearable=true]) .input-time-section:where([data-position=right]) {
+.input-time:where([data-icon-position="right"][data-clearable="true"])
+  .input-time-section:where([data-position="right"]) {
   width: var(--input-time-section-width-with-clear);
 }
 
@@ -4053,7 +4711,7 @@ figure.chip {
   color: var(--input-time-icon-color);
   cursor: pointer;
 }
-.input-time-section-button:where([aria-disabled=true]) {
+.input-time-section-button:where([aria-disabled="true"]) {
   color: var(--input-time-icon-disabled-color);
   cursor: default;
 }
@@ -4069,9 +4727,13 @@ figure.chip {
   position: absolute;
   z-index: 20;
   box-sizing: border-box;
-  max-height: calc(var(--input-time-dropdown-content-height) + var(--input-time-dropdown-padding) + var(--input-time-dropdown-padding));
+  max-height: calc(
+    var(--input-time-dropdown-content-height) +
+      var(--input-time-dropdown-padding) + var(--input-time-dropdown-padding)
+  );
   padding: var(--input-time-dropdown-padding);
-  border: var(--input-time-dropdown-border-width) solid var(--input-time-dropdown-border-color);
+  border: var(--input-time-dropdown-border-width) solid
+    var(--input-time-dropdown-border-color);
   border-radius: var(--input-time-dropdown-radius);
   background-color: var(--input-time-dropdown-surface-color);
   box-shadow: var(--input-time-dropdown-shadow);
@@ -4171,13 +4833,15 @@ figure.chip {
   border: 1px dashed var(--input-border-color);
   border-radius: var(--input-default-radius-base);
   background-color: var(--input-surface-color);
-  transition: border-color 0.2s ease, background-color 0.2s ease;
+  transition:
+    border-color 0.2s ease,
+    background-color 0.2s ease;
 }
-.input-file-drag-and-drop[data-dragging=true] {
+.input-file-drag-and-drop[data-dragging="true"] {
   border-color: var(--input-border-active-color);
   background-color: var(--input-surface-muted-color);
 }
-.input-file-drag-and-drop[data-disabled=true] {
+.input-file-drag-and-drop[data-disabled="true"] {
   opacity: 0.6;
   cursor: not-allowed;
 }
@@ -4195,7 +4859,7 @@ figure.chip {
   align-items: center;
   justify-content: space-between;
 }
-.input-file-list-header[data-trigger=true] {
+.input-file-list-header[data-trigger="true"] {
   cursor: pointer;
 }
 
@@ -4222,8 +4886,6 @@ figure.chip {
   cursor: pointer;
 }
 
-
-
 .bottom-navigation {
   width: 100%;
   position: relative;
@@ -4233,11 +4895,14 @@ figure.chip {
   box-shadow: var(--theme-navigation-shadow, 0 -4px 16px rgba(0, 0, 0, 0.04));
   padding-inline: var(--theme-navigation-padding-inline);
   padding-block-start: var(--theme-navigation-padding-block-start);
-  padding-block-end: max(var(--theme-navigation-padding-block-end), env(safe-area-inset-bottom, 0px));
+  padding-block-end: max(
+    var(--theme-navigation-padding-block-end),
+    env(safe-area-inset-bottom, 0px)
+  );
   min-height: var(--theme-navigation-height);
 }
 
-.bottom-navigation[data-fixed=true] {
+.bottom-navigation[data-fixed="true"] {
   position: fixed;
   inset-inline: 0;
   bottom: 0;
@@ -4279,11 +4944,11 @@ figure.chip {
   transition: color 0.16s ease;
 }
 
-.bottom-navigation-trigger[data-active=true] {
+.bottom-navigation-trigger[data-active="true"] {
   color: var(--theme-navigation-color-active);
 }
 
-.bottom-navigation-trigger[data-disabled=true],
+.bottom-navigation-trigger[data-disabled="true"],
 .bottom-navigation-trigger:disabled {
   color: var(--theme-navigation-color-disabled);
   cursor: default;
@@ -4312,10 +4977,10 @@ figure.chip {
 .navigation-item-icon {
   /* SVG fill/stroke를 currentColor로 맞춰 selected 컬러만 제어한다. */
 }
-.navigation-item-icon svg [fill]:not([fill=none]) {
+.navigation-item-icon svg [fill]:not([fill="none"]) {
   fill: currentColor;
 }
-.navigation-item-icon svg [stroke]:not([stroke=none]) {
+.navigation-item-icon svg [stroke]:not([stroke="none"]) {
   stroke: currentColor;
 }
 
@@ -4345,10 +5010,7 @@ figure.chip {
   --pagination-dot-size: 8px;
   --pagination-dot-bg: var(--color-cool-gray-85, #d2d3d7);
   --pagination-dot-active-bg: var(--color-primary-default, #0061ff);
-  --pagination-dot-active-bg-secondary: var(
-    --color-surface-heavy,
-    #313235
-  );
+  --pagination-dot-active-bg-secondary: var(--color-surface-heavy, #313235);
   --pagination-carousel-height: 8px;
   --pagination-carousel-dot-width: 8px;
   --pagination-carousel-active-width: 20px;
@@ -4363,7 +5025,7 @@ figure.chip {
   list-style: none;
 }
 
-.pagination[data-interactive=false] .pagination-button,
+.pagination[data-interactive="false"] .pagination-button,
 .pagination-button:disabled {
   cursor: default;
 }
@@ -4384,7 +5046,10 @@ figure.chip {
   cursor: pointer;
   color: inherit;
   font: inherit;
-  transition: background-color 0.16s ease, color 0.16s ease, opacity 0.16s ease;
+  transition:
+    background-color 0.16s ease,
+    color 0.16s ease,
+    opacity 0.16s ease;
 }
 
 .pagination--variant-list {
@@ -4403,12 +5068,14 @@ figure.chip {
   line-height: var(--font-label-medium-line-height, 1.5);
 }
 
-.pagination[data-interactive=true] .pagination--variant-list .pagination-button:not([data-active=true]):hover {
+.pagination[data-interactive="true"]
+  .pagination--variant-list
+  .pagination-button:not([data-active="true"]):hover {
   background-color: var(--color-bg-alternative-cool-gray, #f0f1f5);
   color: var(--color-label-strong, #5b5c60);
 }
 
-.pagination--variant-list .pagination-button[data-active=true] {
+.pagination--variant-list .pagination-button[data-active="true"] {
   background-color: var(--pagination-color-active-bg);
   color: var(--pagination-color-active-label);
 }
@@ -4424,7 +5091,7 @@ figure.chip {
   align-items: center;
 }
 
-.pagination--variant-carousel[data-priority=secondary] {
+.pagination--variant-carousel[data-priority="secondary"] {
   --pagination-dot-active-bg: var(
     --pagination-dot-active-bg-secondary,
     var(--color-secondary-strong, #ccdeff)
@@ -4443,10 +5110,14 @@ figure.chip {
   height: var(--pagination-carousel-height);
   border-radius: calc(var(--pagination-carousel-height) / 2);
   background-color: var(--pagination-dot-bg);
-  transition: width 0.16s ease, background-color 0.16s ease;
+  transition:
+    width 0.16s ease,
+    background-color 0.16s ease;
 }
 
-.pagination--variant-carousel .pagination-button[data-active=true] .pagination-dot {
+.pagination--variant-carousel
+  .pagination-button[data-active="true"]
+  .pagination-dot {
   width: var(--pagination-carousel-active-width);
   background-color: var(--pagination-dot-active-bg);
 }
@@ -4500,23 +5171,23 @@ figure.chip {
   background-color: var(--color-common-100);
   border-radius: var(--theme-radius-large-2);
   overflow: hidden;
-  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.16), 0 0 2px rgba(0, 0, 0, 0.12);
+  box-shadow:
+    0 4px 20px rgba(0, 0, 0, 0.16),
+    0 0 2px rgba(0, 0, 0, 0.12);
 }
 
-.pop-over-content[data-width=match] {
+.pop-over-content[data-width="match"] {
   width: var(--radix-popover-trigger-width);
 }
 
-.pop-over-content[data-width=fit-content] {
+.pop-over-content[data-width="fit-content"] {
   width: fit-content;
 }
 
-.pop-over-content[data-width=max-content] {
+.pop-over-content[data-width="max-content"] {
   width: max-content;
 }
 
-
-
 .radio {
   display: inline-flex;
   align-items: center;
@@ -4528,13 +5199,15 @@ figure.chip {
   border-radius: 0;
   padding: 0;
   cursor: pointer;
-  transition: box-shadow 0.15s ease, transform 0.15s ease;
+  transition:
+    box-shadow 0.15s ease,
+    transform 0.15s ease;
 }
-.radio[data-size=large] {
+.radio[data-size="large"] {
   inline-size: var(--theme-radio-frame-size-large);
   block-size: var(--theme-radio-frame-size-large);
 }
-.radio[data-disabled=true] {
+.radio[data-disabled="true"] {
   cursor: not-allowed;
   opacity: 0.6;
 }
@@ -4547,34 +5220,35 @@ figure.chip {
   inline-size: var(--theme-radio-indicator-size-medium);
   block-size: var(--theme-radio-indicator-size-medium);
   border-radius: 9999px;
-  border: var(--theme-radio-indicator-border-width) solid var(--theme-radio-border-color);
+  border: var(--theme-radio-indicator-border-width) solid
+    var(--theme-radio-border-color);
   transition: border-color 0.15s ease;
 }
 
-.radio[data-state=checked] .radio-indicator,
-.radio[data-size=medium][data-state=checked] .radio-indicator {
+.radio[data-state="checked"] .radio-indicator,
+.radio[data-size="medium"][data-state="checked"] .radio-indicator {
   border-width: var(--theme-radio-indicator-border-width-selected-medium);
 }
 
-.radio[data-size=large] .radio-indicator {
+.radio[data-size="large"] .radio-indicator {
   inline-size: var(--theme-radio-indicator-size-large);
   block-size: var(--theme-radio-indicator-size-large);
 }
-.radio[data-size=large][data-state=checked] .radio-indicator {
+.radio[data-size="large"][data-state="checked"] .radio-indicator {
   border-width: var(--theme-radio-indicator-border-width-selected-large);
 }
 
-.radio[data-state=checked] .radio-indicator {
+.radio[data-state="checked"] .radio-indicator {
   border-color: var(--theme-radio-border-selected);
 }
 
-.radio[data-disabled=true] .radio-indicator {
+.radio[data-disabled="true"] .radio-indicator {
   border-color: var(--theme-radio-border-disabled);
   background-color: var(--theme-radio-surface-disabled);
   opacity: 1;
 }
 
-.radio[data-disabled=true][data-state=checked] .radio-indicator {
+.radio[data-disabled="true"][data-state="checked"] .radio-indicator {
   border-color: var(--theme-radio-disabled-selected-fill);
   opacity: var(--theme-radio-disabled-selected-opacity);
 }
@@ -4586,7 +5260,7 @@ figure.chip {
   color: var(--theme-radio-label-color);
 }
 
-.radio-field[data-disabled=true] {
+.radio-field[data-disabled="true"] {
   color: var(--theme-radio-label-disabled);
 }
 
@@ -4597,7 +5271,7 @@ figure.chip {
   cursor: pointer;
 }
 
-.radio-label-wrapper[data-disabled=true] {
+.radio-label-wrapper[data-disabled="true"] {
   cursor: not-allowed;
 }
 
@@ -4606,12 +5280,12 @@ figure.chip {
   user-select: none;
 }
 
-.radio-field[data-size=medium] .radio-label {
+.radio-field[data-size="medium"] .radio-label {
   font-size: var(--font-body-xsmall-size);
   line-height: var(--font-body-xsmall-line-height);
 }
 
-.radio-field[data-size=large] .radio-label {
+.radio-field[data-size="large"] .radio-label {
   font-size: var(--font-body-medium-size);
   line-height: var(--font-body-medium-line-height);
 }
@@ -4624,7 +5298,7 @@ figure.chip {
   user-select: none;
 }
 
-.radio-field[data-disabled=true] .radio-helper {
+.radio-field[data-disabled="true"] .radio-helper {
   color: var(--theme-radio-helper-disabled);
 }
 
@@ -4645,7 +5319,7 @@ figure.chip {
   transition: background-color 0.15s ease;
   cursor: pointer;
 }
-.radio-card[data-disabled=true] {
+.radio-card[data-disabled="true"] {
   cursor: not-allowed;
   opacity: 0.7;
 }
@@ -4685,10 +5359,10 @@ figure.chip {
   color: var(--theme-radio-card-badge-color);
 }
 
-.radio-card[data-state=checked] .radio-card-title {
+.radio-card[data-state="checked"] .radio-card-title {
   color: var(--theme-radio-card-badge-color);
 }
-.radio-card[data-state=checked] .radio-card-badge {
+.radio-card[data-state="checked"] .radio-card-badge {
   display: inline-flex;
 }
 
@@ -4710,21 +5384,22 @@ figure.chip {
   inline-size: var(--theme-radio-indicator-size-medium);
   block-size: var(--theme-radio-indicator-size-medium);
   border-radius: 9999px;
-  border: var(--theme-radio-indicator-border-width) solid var(--theme-radio-border-color);
+  border: var(--theme-radio-indicator-border-width) solid
+    var(--theme-radio-border-color);
   transition: border-color 0.15s ease;
 }
 
-.radio-card[data-size=large] .radio-card-indicator {
+.radio-card[data-size="large"] .radio-card-indicator {
   inline-size: var(--theme-radio-indicator-size-large);
   block-size: var(--theme-radio-indicator-size-large);
 }
 
-.radio-card[data-state=checked] .radio-card-indicator {
+.radio-card[data-state="checked"] .radio-card-indicator {
   border-color: var(--theme-radio-border-selected);
   border-width: var(--theme-radio-indicator-border-width-selected-medium);
 }
 
-.radio-card[data-size=large][data-state=checked] .radio-card-indicator {
+.radio-card[data-size="large"][data-state="checked"] .radio-card-indicator {
   border-width: var(--theme-radio-indicator-border-width-selected-large);
 }
 
@@ -4756,7 +5431,7 @@ figure.chip {
   overflow: hidden;
 }
 
-.segmented-control:where([data-keep-selected=true]) {
+.segmented-control:where([data-keep-selected="true"]) {
   --segmented-disabled-opacity: 0.3;
 }
 
@@ -4771,12 +5446,15 @@ figure.chip {
   border-radius: calc(var(--segmented-radius) - var(--segmented-padding));
   background: var(--segmented-indicator-bg);
   box-shadow: var(--segmented-indicator-shadow);
-  transition: transform 0.2s ease, width 0.2s ease, opacity 0.2s ease;
+  transition:
+    transform 0.2s ease,
+    width 0.2s ease,
+    opacity 0.2s ease;
   pointer-events: none;
   z-index: 0;
 }
 
-.segmented-control-indicator[data-visible=false] {
+.segmented-control-indicator[data-visible="false"] {
   opacity: 0;
 }
 
@@ -4813,7 +5491,7 @@ figure.chip {
   transition: color 0.2s ease;
 }
 
-.segmented-control-button:where([data-disabled=true]) {
+.segmented-control-button:where([data-disabled="true"]) {
   cursor: not-allowed;
   opacity: var(--segmented-disabled-opacity);
 }
@@ -4835,13 +5513,12 @@ figure.chip {
   transition: color 0.2s ease;
 }
 
-.segmented-control-button:where([data-state=on]) .segmented-control-label {
+.segmented-control-button:where([data-state="on"]) .segmented-control-label {
   color: var(--segmented-label-active-color);
 }
 
 /* Select tokens mapped to Input primary tokens for visual parity */
 
-
 .select {
   display: flex;
   width: var(--select-width);
@@ -4850,26 +5527,26 @@ figure.chip {
   gap: var(--select-layout-gap);
   min-width: 0;
 }
-.select:where([data-priority=table]) {
+.select:where([data-priority="table"]) {
   width: 100%;
   height: 100%;
   display: block;
 }
-.select:where([data-priority=table]) .select-button {
+.select:where([data-priority="table"]) .select-button {
   height: 100%;
 }
 
-.select:where([data-width=auto]) {
+.select:where([data-width="auto"]) {
   --select-width: auto;
   --select-flex: 0 1 auto;
 }
 
-.select:where([data-width=fill]) {
+.select:where([data-width="fill"]) {
   --select-width: auto;
   --select-flex: 1 1 0%;
 }
 
-.select:where([data-width=full]) {
+.select:where([data-width="full"]) {
   --select-width: 100%;
   --select-flex: 0 0 100%;
 }
@@ -4879,12 +5556,12 @@ figure.chip {
   --select-flex: 0 0 100%;
 }
 
-.select:where([data-width=fit]) {
+.select:where([data-width="fit"]) {
   --select-width: fit-content;
   --select-flex: 0 0 auto;
 }
 
-.select:where([data-width=custom]) {
+.select:where([data-width="custom"]) {
   --select-flex: 0 0 auto;
 }
 
@@ -4895,128 +5572,184 @@ figure.chip {
   align-items: center;
   gap: var(--select-primary-gap-inline);
   min-height: var(--select-primary-height-medium);
-  padding: var(--select-primary-padding-block) var(--select-primary-padding-inline);
-  border: var(--select-primary-border-width-default) solid var(--select-primary-color-border);
+  padding: var(--select-primary-padding-block)
+    var(--select-primary-padding-inline);
+  border: var(--select-primary-border-width-default) solid
+    var(--select-primary-color-border);
   border-radius: var(--select-primary-radius-medium);
   background-color: var(--select-primary-color-surface);
   cursor: pointer;
-  transition: border-color 150ms ease, background-color 150ms ease, color 150ms ease;
+  transition:
+    border-color 150ms ease,
+    background-color 150ms ease,
+    color 150ms ease;
   text-align: left;
 }
-.select-button:where([data-size=small]) {
+.select-button:where([data-size="small"]) {
   min-height: var(--select-primary-height-small);
   border-radius: var(--select-primary-radius-small);
 }
-.select-button:where([data-size=xsmall]) {
+.select-button:where([data-size="xsmall"]) {
   min-height: var(--select-primary-height-xsmall);
   border-radius: var(--select-primary-radius-xsmall);
   gap: var(--select-primary-gap-inline-xsmall);
-  padding: var(--select-primary-padding-block-xsmall) var(--select-primary-padding-inline-end-xsmall) var(--select-primary-padding-block-xsmall) var(--select-primary-padding-inline-start-xsmall);
+  padding: var(--select-primary-padding-block-xsmall)
+    var(--select-primary-padding-inline-end-xsmall)
+    var(--select-primary-padding-block-xsmall)
+    var(--select-primary-padding-inline-start-xsmall);
 }
-.select-button:where([data-size=large]) {
+.select-button:where([data-size="large"]) {
   min-height: var(--select-primary-height-large);
   border-radius: var(--select-primary-radius-large);
 }
-.select-button:where([data-multiple=true]) {
+.select-button:where([data-multiple="true"]) {
   align-items: center;
   flex-wrap: nowrap;
   overflow: hidden;
 }
-.select-button:where([data-priority=secondary]) {
+.select-button:where([data-priority="secondary"]) {
   width: fit-content;
   max-width: 100%;
   min-height: auto;
   border: none;
   border-radius: var(--select-secondary-radius);
-  padding: var(--select-secondary-padding-block) var(--select-secondary-padding-inline);
+  padding: var(--select-secondary-padding-block)
+    var(--select-secondary-padding-inline);
   background-color: transparent;
   gap: var(--select-secondary-gap);
   position: relative;
   --select-icon-fill: currentColor;
-  transition: background-color 150ms ease, color 150ms ease;
+  transition:
+    background-color 150ms ease,
+    color 150ms ease;
 }
-.select-button:where([data-priority=secondary]):where(:hover):where(:not([data-state=disabled])) {
+.select-button:where([data-priority="secondary"]):where(:hover):where(
+    :not([data-state="disabled"])
+  ) {
   background-color: var(--select-color-surface-secondary-hover);
 }
-.select-button:where([data-priority=secondary]):where(:active):where(:not([data-state=disabled])) {
+.select-button:where([data-priority="secondary"]):where(:active):where(
+    :not([data-state="disabled"])
+  ) {
   background-color: var(--select-color-surface-secondary-active);
 }
-.select-button:where([data-priority=secondary]):where([data-state=focused]), .select-button:where([data-priority=secondary]):where([data-open=true]), .select-button:where([data-priority=secondary]):where(:focus-within) {
+.select-button:where([data-priority="secondary"]):where([data-state="focused"]),
+.select-button:where([data-priority="secondary"]):where([data-open="true"]),
+.select-button:where([data-priority="secondary"]):where(:focus-within) {
   background-color: var(--select-color-surface-secondary-hover);
 }
-.select-button:where([data-priority=secondary]):where([data-state=focused])::after, .select-button:where([data-priority=secondary]):where([data-open=true])::after, .select-button:where([data-priority=secondary]):where(:focus-within)::after {
+.select-button:where([data-priority="secondary"]):where(
+    [data-state="focused"]
+  )::after,
+.select-button:where([data-priority="secondary"]):where(
+    [data-open="true"]
+  )::after,
+.select-button:where([data-priority="secondary"]):where(:focus-within)::after {
   height: var(--select-secondary-underline-width-focus);
   background-color: var(--select-color-border-secondary-focused);
 }
-.select-button:where([data-priority=secondary]):where([data-state=disabled]), .select-button:where([data-priority=secondary]):where(:disabled) {
+.select-button:where([data-priority="secondary"]):where(
+    [data-state="disabled"]
+  ),
+.select-button:where([data-priority="secondary"]):where(:disabled) {
   color: var(--select-secondary-color-text-disabled);
   cursor: not-allowed;
 }
-.select-button:where([data-priority=table]) {
+.select-button:where([data-priority="table"]) {
   border-radius: var(--select-table-radius);
   border-color: var(--select-table-border-default-color);
   background-color: var(--select-table-surface-color);
   --select-icon-fill: var(--select-table-icon-color-default);
 }
-.select-button:where(:not([data-priority=secondary])):where([data-state=focused]), .select-button:where(:not([data-priority=secondary])):where([data-open=true]), .select-button:where(:not([data-priority=secondary])):focus-visible, .select-button:where(:not([data-priority=secondary])):focus-within {
+.select-button:where(:not([data-priority="secondary"])):where(
+    [data-state="focused"]
+  ),
+.select-button:where(:not([data-priority="secondary"])):where(
+    [data-open="true"]
+  ),
+.select-button:where(:not([data-priority="secondary"])):focus-visible,
+.select-button:where(:not([data-priority="secondary"])):focus-within {
   border-color: var(--select-primary-color-border-focused);
   border-width: var(--select-primary-border-width-focus);
   --select-icon-fill: var(--select-icon-color-focused);
 }
-.select-button:where([data-priority=table]):where([data-state=focused]), .select-button:where([data-priority=table]):where([data-open=true]), .select-button:where([data-priority=table]):focus-visible, .select-button:where([data-priority=table]):focus-within {
+.select-button:where([data-priority="table"]):where([data-state="focused"]),
+.select-button:where([data-priority="table"]):where([data-open="true"]),
+.select-button:where([data-priority="table"]):focus-visible,
+.select-button:where([data-priority="table"]):focus-within {
   border-color: var(--select-table-border-focus-color);
   border-width: var(--select-primary-border-width-focus);
   --select-icon-fill: var(--select-table-icon-color-focused);
 }
-.select-button:where(:not([data-priority=secondary])):where([data-state=error]) {
+.select-button:where(:not([data-priority="secondary"])):where(
+    [data-state="error"]
+  ) {
   border-color: var(--select-primary-color-border-error);
   --select-icon-fill: var(--select-icon-color-default);
 }
-.select-button:where([data-priority=secondary]):where([data-state=error])::after {
+.select-button:where([data-priority="secondary"]):where(
+    [data-state="error"]
+  )::after {
   height: var(--select-secondary-underline-width-focus);
   background-color: var(--select-color-border-secondary-error);
 }
-.select-button:where([data-priority=table]):where([data-state=error]) {
+.select-button:where([data-priority="table"]):where([data-state="error"]) {
   border-color: var(--select-table-border-error-color);
   --select-icon-fill: var(--select-table-icon-color-default);
 }
-.select-button:where(:not([data-priority=secondary])):where([data-readonly=true]) {
+.select-button:where(:not([data-priority="secondary"])):where(
+    [data-readonly="true"]
+  ) {
   border-color: var(--select-primary-color-border-disabled);
   background-color: var(--select-primary-color-surface-disabled);
   cursor: default;
   --select-icon-fill: var(--select-icon-color-readonly);
 }
-.select-button:where([data-priority=secondary]):where([data-readonly=true]) {
+.select-button:where([data-priority="secondary"]):where(
+    [data-readonly="true"]
+  ) {
   border-color: var(--select-secondary-color-border-readonly);
   background-color: var(--select-color-surface-secondary-readonly);
   cursor: default;
   --select-icon-fill: var(--select-icon-color-readonly);
 }
-.select-button:where([data-priority=secondary]):where([data-readonly=true])::after {
+.select-button:where([data-priority="secondary"]):where(
+    [data-readonly="true"]
+  )::after {
   background-color: var(--select-color-border-secondary-disabled);
   height: var(--select-secondary-underline-width-default);
 }
-.select-button:where([data-priority=table]):where([data-readonly=true]) {
+.select-button:where([data-priority="table"]):where([data-readonly="true"]) {
   border-color: var(--select-table-border-readonly-color);
   background-color: var(--select-table-surface-readonly-color);
   cursor: not-allowed;
   --select-icon-fill: var(--select-table-icon-color-readonly);
 }
-.select-button:where(:not([data-priority=secondary])):where([data-state=disabled]), .select-button:where(:not([data-priority=secondary])):disabled {
+.select-button:where(:not([data-priority="secondary"])):where(
+    [data-state="disabled"]
+  ),
+.select-button:where(:not([data-priority="secondary"])):disabled {
   border-color: var(--select-primary-color-border-disabled);
   background-color: var(--select-primary-color-surface-disabled);
   cursor: not-allowed;
   --select-icon-fill: var(--select-icon-color-disabled);
 }
-.select-button:where([data-priority=secondary]):where([data-state=disabled]), .select-button:where([data-priority=secondary]):disabled {
+.select-button:where([data-priority="secondary"]):where(
+    [data-state="disabled"]
+  ),
+.select-button:where([data-priority="secondary"]):disabled {
   border-color: var(--select-secondary-color-border-disabled);
   background-color: var(--select-color-surface-secondary-disabled);
 }
-.select-button:where([data-priority=secondary]):where([data-state=disabled])::after, .select-button:where([data-priority=secondary]):disabled::after {
+.select-button:where([data-priority="secondary"]):where(
+    [data-state="disabled"]
+  )::after,
+.select-button:where([data-priority="secondary"]):disabled::after {
   background-color: var(--select-color-border-secondary-disabled);
   height: var(--select-secondary-underline-width-default);
 }
-.select-button:where([data-priority=table]):where([data-state=disabled]), .select-button:where([data-priority=table]):disabled {
+.select-button:where([data-priority="table"]):where([data-state="disabled"]),
+.select-button:where([data-priority="table"]):disabled {
   border-color: var(--select-table-border-disabled-color);
   background-color: var(--select-table-surface-disabled-color);
   cursor: not-allowed;
@@ -5053,26 +5786,28 @@ figure.chip {
 .select-input-label::placeholder {
   color: var(--select-primary-color-placeholder);
 }
-.select-button:where([data-priority=secondary]) .select-input-label {
+.select-button:where([data-priority="secondary"]) .select-input-label {
   color: var(--select-secondary-color-text);
   caret-color: var(--select-secondary-color-text);
 }
-.select-button:where([data-priority=table]) .select-input-label {
+.select-button:where([data-priority="table"]) .select-input-label {
   color: var(--select-table-color-text);
   caret-color: var(--select-table-color-text);
 }
-.select-button:where([data-state=disabled]) .select-input-label {
+.select-button:where([data-state="disabled"]) .select-input-label {
   color: var(--select-primary-color-text-disabled);
   caret-color: var(--select-primary-color-text-disabled);
 }
-.select-button:where([data-readonly=true]) .select-input-label {
+.select-button:where([data-readonly="true"]) .select-input-label {
   color: var(--select-primary-color-text-readonly);
   caret-color: var(--select-primary-color-text-readonly);
 }
-.select-button:where([data-priority=secondary]):where([data-state=disabled]) .select-input-label {
+.select-button:where([data-priority="secondary"]):where([data-state="disabled"])
+  .select-input-label {
   color: var(--select-secondary-color-text-disabled);
 }
-.select-button:where([data-priority=secondary]):where([data-readonly=true]) .select-input-label {
+.select-button:where([data-priority="secondary"]):where([data-readonly="true"])
+  .select-input-label {
   color: var(--select-secondary-color-text-readonly);
 }
 
@@ -5081,7 +5816,9 @@ figure.chip {
   max-width: 100%;
 }
 
-.select-button:where(:not([data-state=disabled])) .select-value[data-has-value=true] .select-input-label {
+.select-button:where(:not([data-state="disabled"]))
+  .select-value[data-has-value="true"]
+  .select-input-label {
   color: var(--select-color-text-value);
   caret-color: var(--select-color-text-value);
 }
@@ -5089,77 +5826,88 @@ figure.chip {
 .select-input-label-placeholder {
   color: var(--select-primary-color-placeholder);
 }
-.select-button:where([data-priority=secondary]) .select-input-label-placeholder {
+.select-button:where([data-priority="secondary"])
+  .select-input-label-placeholder {
   color: var(--select-secondary-color-placeholder);
 }
-.select-button:where([data-priority=table]) .select-input-label-placeholder {
+.select-button:where([data-priority="table"]) .select-input-label-placeholder {
   color: var(--select-table-color-placeholder);
 }
-.select-button:where([data-state=disabled]) .select-input-label-placeholder {
+.select-button:where([data-state="disabled"]) .select-input-label-placeholder {
   color: var(--select-primary-color-placeholder-disabled);
 }
-.select-button:where([data-readonly=true]) .select-input-label-placeholder {
+.select-button:where([data-readonly="true"]) .select-input-label-placeholder {
   color: var(--select-primary-color-placeholder-readonly);
 }
-.select-button:where([data-priority=secondary]):where([data-state=disabled]) .select-input-label-placeholder {
+.select-button:where([data-priority="secondary"]):where([data-state="disabled"])
+  .select-input-label-placeholder {
   color: var(--select-secondary-color-placeholder-disabled);
 }
-.select-button:where([data-priority=secondary]):where([data-readonly=true]) .select-input-label-placeholder {
+.select-button:where([data-priority="secondary"]):where([data-readonly="true"])
+  .select-input-label-placeholder {
   color: var(--select-secondary-color-placeholder-readonly);
 }
-.select-button:where([data-priority=table]):where([data-state=disabled]) .select-input-label-placeholder {
+.select-button:where([data-priority="table"]):where([data-state="disabled"])
+  .select-input-label-placeholder {
   color: var(--select-table-color-placeholder-disabled);
 }
-.select-button:where([data-priority=table]):where([data-readonly=true]) .select-input-label-placeholder {
+.select-button:where([data-priority="table"]):where([data-readonly="true"])
+  .select-input-label-placeholder {
   color: var(--select-table-color-placeholder-readonly);
 }
 
-.select-button:where([data-size=small]) :where(.select-input-label) {
+.select-button:where([data-size="small"]) :where(.select-input-label) {
   font-size: var(--select-text-small-size);
   line-height: var(--select-text-small-line-height);
   letter-spacing: var(--select-text-small-letter-spacing);
   font-weight: var(--select-text-small-weight);
 }
 
-.select-button:where([data-size=xsmall]) :where(.select-input-label) {
+.select-button:where([data-size="xsmall"]) :where(.select-input-label) {
   font-size: var(--select-text-xsmall-size);
   line-height: var(--select-text-xsmall-line-height);
   letter-spacing: var(--select-text-xsmall-letter-spacing);
   font-weight: var(--select-text-xsmall-weight);
 }
 
-.select-button:where([data-priority=table]):where([data-size=small]) :where(.select-input-label) {
+.select-button:where([data-priority="table"]):where([data-size="small"])
+  :where(.select-input-label) {
   font-size: var(--select-table-text-small-size);
   line-height: var(--select-table-text-small-line-height);
   font-weight: var(--select-table-text-small-weight);
 }
 
-.select-button:where([data-size=large]) :where(.select-input-label) {
+.select-button:where([data-size="large"]) :where(.select-input-label) {
   font-size: var(--select-text-large-size);
   line-height: var(--select-text-large-line-height);
   letter-spacing: var(--select-text-large-letter-spacing);
   font-weight: var(--select-text-large-weight);
 }
 
-.select-button:where([data-priority=table]):where([data-size=medium]) :where(.select-input-label) {
+.select-button:where([data-priority="table"]):where([data-size="medium"])
+  :where(.select-input-label) {
   font-size: var(--select-table-text-medium-size);
   line-height: var(--select-table-text-medium-line-height);
   font-weight: var(--select-table-text-medium-weight);
 }
 
-.select-button:where([data-priority=table]):where([data-size=large]) :where(.select-input-label) {
+.select-button:where([data-priority="table"]):where([data-size="large"])
+  :where(.select-input-label) {
   font-size: var(--select-table-text-large-size);
   line-height: var(--select-table-text-large-line-height);
   font-weight: var(--select-table-text-large-weight);
 }
 
-.select-button:where([data-priority=secondary]):where([data-size=large]) :where(.select-input-label) {
+.select-button:where([data-priority="secondary"]):where([data-size="large"])
+  :where(.select-input-label) {
   font-weight: 600;
 }
 
 .select-tags {
   display: flex;
-  max-width: calc(100% - var(--select-icon-size-medium) - var(--select-multiple-chip-gap));
+  max-width: calc(
+    100% - var(--select-icon-size-medium) - var(--select-multiple-chip-gap)
+  );
   flex-wrap: wrap;
   gap: var(--select-multiple-chip-gap);
   align-items: center;
@@ -5171,7 +5919,8 @@ figure.chip {
   display: flex;
   align-items: center;
   gap: var(--select-multiple-chip-gap);
-  padding: var(--select-multiple-chip-padding-block) var(--select-multiple-chip-padding-inline);
+  padding: var(--select-multiple-chip-padding-block)
+    var(--select-multiple-chip-padding-inline);
   border-radius: var(--select-multiple-chip-radius);
   border: 1px solid var(--select-multiple-chip-border-color);
   background-color: var(--select-multiple-chip-surface);
@@ -5185,16 +5934,17 @@ figure.chip {
 .select-tag:focus-within {
   border-color: var(--select-color-border-secondary-focused);
 }
-.select-tag:where([data-removable=true]) {
+.select-tag:where([data-removable="true"]) {
   padding-right: var(--select-multiple-chip-removable-padding-right);
 }
 
-.select-tag:where([data-kind=summary]),
+.select-tag:where([data-kind="summary"]),
 .select-tag-summary {
   background-color: var(--select-multiple-chip-summary-surface);
   border-color: var(--select-multiple-chip-summary-border-color);
   color: var(--select-multiple-chip-summary-color);
-  padding: var(--select-multiple-chip-summary-padding-block) var(--select-multiple-chip-summary-padding-inline);
+  padding: var(--select-multiple-chip-summary-padding-block)
+    var(--select-multiple-chip-summary-padding-inline);
   border-radius: var(--select-multiple-chip-summary-radius);
   font-size: var(--select-multiple-chip-summary-font-size);
   line-height: var(--select-multiple-chip-summary-line-height);
@@ -5254,19 +6004,19 @@ figure.chip {
   justify-content: center;
   margin-left: auto;
 }
-.select-icon:where([data-size=small]) {
+.select-icon:where([data-size="small"]) {
   width: var(--select-icon-size-small);
   height: var(--select-icon-size-small);
 }
-.select-icon:where([data-size=xsmall]) {
+.select-icon:where([data-size="xsmall"]) {
   width: var(--select-icon-size-xsmall);
   height: var(--select-icon-size-xsmall);
 }
-.select-icon:where([data-size=large]) {
+.select-icon:where([data-size="large"]) {
   width: var(--select-icon-size-large);
   height: var(--select-icon-size-large);
 }
-:where([data-open=true]) .select-icon {
+:where([data-open="true"]) .select-icon {
   transform: rotate(180deg);
 }
 .select-icon svg {
@@ -5275,18 +6025,19 @@ figure.chip {
   height: 100%;
 }
 
-.select-button:not([data-size=xsmall]):not([data-priority=table]) .select-icon svg path {
+.select-button:not([data-size="xsmall"]):not([data-priority="table"])
+  .select-icon
+  svg
+  path {
   fill: var(--select-icon-fill);
 }
-.select-button :where([data-size=xsmall]) svg path {
+.select-button :where([data-size="xsmall"]) svg path {
   stroke: var(--select-icon-fill);
 }
-.select-button :where([data-priority=table]) svg path {
+.select-button :where([data-priority="table"]) svg path {
   stroke: var(--select-icon-fill);
 }
 
-
-
 .switch {
   --switch-track-width: var(--switch-track-width-small);
   --switch-track-height: var(--switch-track-height-small);
@@ -5303,17 +6054,20 @@ figure.chip {
   border-radius: 999px;
   background-color: var(--switch-track-background-unchecked);
   cursor: pointer;
-  transition: background-color 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
+  transition:
+    background-color 0.2s ease,
+    box-shadow 0.2s ease,
+    opacity 0.2s ease;
 }
 
-.switch:where([data-size=medium]) {
+.switch:where([data-size="medium"]) {
   --switch-track-width: var(--switch-track-width-medium);
   --switch-track-height: var(--switch-track-height-medium);
   --switch-track-padding: var(--switch-track-padding-medium);
   --switch-handle-size: var(--switch-handle-size-medium);
 }
 
-.switch:where([data-state=checked]) {
+.switch:where([data-state="checked"]) {
   background-color: var(--switch-track-background-checked);
 }
 
@@ -5337,10 +6091,15 @@ figure.chip {
   transition: transform 0.2s ease;
 }
 
-.switch:where([data-state=checked]) .switch-handle {
+.switch:where([data-state="checked"]) .switch-handle {
   /* 변경: handle 이동 거리는 frame width - handle size - 양쪽 padding 합으로 고정한다. */
   box-shadow: var(--switch-thumb-shadow-checked);
-  transform: translateX(calc(var(--switch-track-width) - var(--switch-handle-size) - var(--switch-track-padding) * 2));
+  transform: translateX(
+    calc(
+      var(--switch-track-width) - var(--switch-handle-size) -
+        var(--switch-track-padding) * 2
+    )
+  );
 }
 
 .switch-text {
@@ -5363,7 +6122,7 @@ figure.chip {
   overflow: auto hidden;
 }
 
-.switch-text:where([data-size=large]) {
+.switch-text:where([data-size="large"]) {
   --switch-text-height: var(--switch-text-height-large);
   --switch-text-radius: var(--switch-text-radius-large);
   --switch-text-item-radius: var(--switch-text-item-radius-large);
@@ -5374,7 +6133,7 @@ figure.chip {
   );
 }
 
-.switch-text:where([data-disabled=true]) {
+.switch-text:where([data-disabled="true"]) {
   opacity: var(--switch-disabled-opacity);
 }
 
@@ -5397,15 +6156,15 @@ figure.chip {
   list-style: none;
 }
 
-.switch-text:where([data-width=custom]) .switch-text-list {
+.switch-text:where([data-width="custom"]) .switch-text-list {
   width: 100%;
 }
 
-.switch-text:where([data-width=custom]) .switch-text-item {
+.switch-text:where([data-width="custom"]) .switch-text-item {
   flex: 1 1 0;
 }
 
-.switch-text:where([data-item-width=custom]) .switch-text-item {
+.switch-text:where([data-item-width="custom"]) .switch-text-item {
   flex: 0 0 var(--switch-text-item-width);
   width: var(--switch-text-item-width);
 }
@@ -5428,16 +6187,19 @@ figure.chip {
   line-height: var(--switch-text-label-line-height);
   letter-spacing: var(--switch-text-label-letter-spacing);
   text-align: center;
-  transition: background-color 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
+  transition:
+    background-color 0.2s ease,
+    box-shadow 0.2s ease,
+    opacity 0.2s ease;
 }
 
-.switch-text-button:where([data-state=on]) {
+.switch-text-button:where([data-state="on"]) {
   background-color: var(--switch-text-item-background-selected);
   box-shadow: var(--switch-text-item-shadow-selected);
   font-weight: var(--switch-text-label-font-weight-selected);
 }
 
-.switch-text-button:where([data-disabled=true]) {
+.switch-text-button:where([data-disabled="true"]) {
   cursor: not-allowed;
 }
 
@@ -5455,8 +6217,6 @@ figure.chip {
   white-space: nowrap;
 }
 
-
-
 .tab-root {
   --tab-height: var(--tab-height-medium);
   --tab-label-font-size: var(--tab-label-font-size-medium);
@@ -5469,7 +6229,7 @@ figure.chip {
   gap: var(--tab-root-gap);
 }
 
-.tab-root:where([data-scale=small]) {
+.tab-root:where([data-scale="small"]) {
   --tab-height: var(--tab-height-small);
   --tab-label-font-size: var(--tab-label-font-size-small);
   --tab-label-font-weight: var(--tab-label-font-weight-small);
@@ -5478,7 +6238,7 @@ figure.chip {
   --tab-padding-x: var(--tab-padding-x-small);
 }
 
-.tab-root:where([data-scale=medium]) {
+.tab-root:where([data-scale="medium"]) {
   --tab-height: var(--tab-height-medium);
   --tab-label-font-size: var(--tab-label-font-size-medium);
   --tab-label-font-weight: var(--tab-label-font-weight-medium);
@@ -5487,7 +6247,7 @@ figure.chip {
   --tab-padding-x: var(--spacing-padding-8);
 }
 
-.tab-root:where([data-scale=large]) {
+.tab-root:where([data-scale="large"]) {
   --tab-height: var(--tab-height-large);
   --tab-label-font-size: var(--tab-label-font-size-large);
   --tab-label-font-weight: var(--tab-label-font-weight-large);
@@ -5509,7 +6269,7 @@ figure.chip {
   display: none;
 }
 
-.tab-list:where([data-full-width=true]) {
+.tab-list:where([data-full-width="true"]) {
   width: 100%;
 }
 
@@ -5532,7 +6292,7 @@ figure.chip {
   outline-offset: 2px;
 }
 
-.tab-trigger:where([data-disabled=true]) {
+.tab-trigger:where([data-disabled="true"]) {
   cursor: not-allowed;
   opacity: var(--tab-disabled-opacity);
 }
@@ -5555,12 +6315,12 @@ figure.chip {
   transition: color 0.2s ease;
 }
 
-.tab-list:where([data-variant=line]) {
+.tab-list:where([data-variant="line"]) {
   position: relative;
   width: 100%;
 }
 
-.tab-list:where([data-variant=line])::before {
+.tab-list:where([data-variant="line"])::before {
   content: "";
   position: absolute;
   inset: auto 0 0;
@@ -5569,11 +6329,11 @@ figure.chip {
   z-index: 0;
 }
 
-.tab-list:where([data-variant=line][data-full-width=true]) > .tab-trigger {
+.tab-list:where([data-variant="line"][data-full-width="true"]) > .tab-trigger {
   flex: 1;
 }
 
-.tab-trigger:where([data-variant=line])::after {
+.tab-trigger:where([data-variant="line"])::after {
   content: "";
   position: absolute;
   left: 0;
@@ -5585,23 +6345,29 @@ figure.chip {
   transform: scaleX(0);
   transform-origin: center;
   z-index: 1;
-  transition: transform 0.2s ease, background-color 0.2s ease;
+  transition:
+    transform 0.2s ease,
+    background-color 0.2s ease;
 }
 
-.tab-trigger:where([data-variant=line][data-state=active]) .tab-trigger-label {
+.tab-trigger:where([data-variant="line"][data-state="active"])
+  .tab-trigger-label {
   color: var(--tab-color-active);
 }
 
-.tab-trigger:where([data-variant=line][data-state=active])::after {
+.tab-trigger:where([data-variant="line"][data-state="active"])::after {
   background: var(--tab-color-active);
   transform: scaleX(1);
 }
 
-.tab-trigger:where([data-variant=line]):where(:not([data-state=active])):hover .tab-trigger-label {
+.tab-trigger:where([data-variant="line"]):where(
+    :not([data-state="active"])
+  ):hover
+  .tab-trigger-label {
   color: var(--tab-color-hover);
 }
 
-.tab-list:where([data-variant=fill]) {
+.tab-list:where([data-variant="fill"]) {
   width: fit-content;
   border: none;
   background: transparent;
@@ -5609,28 +6375,31 @@ figure.chip {
   gap: 0;
 }
 
-.tab-list:where([data-variant=fill][data-full-width=true]) {
+.tab-list:where([data-variant="fill"][data-full-width="true"]) {
   width: 100%;
 }
 
-.tab-list:where([data-variant=fill][data-full-width=true]) > .tab-trigger {
+.tab-list:where([data-variant="fill"][data-full-width="true"]) > .tab-trigger {
   flex: 1;
 }
 
-.tab-trigger:where([data-variant=fill]) {
+.tab-trigger:where([data-variant="fill"]) {
   min-width: 0;
   border-radius: 12px;
 }
 
-.tab-trigger:where([data-variant=fill][data-state=active]) {
+.tab-trigger:where([data-variant="fill"][data-state="active"]) {
   background: var(--tab-color-active);
 }
 
-.tab-trigger:where([data-variant=fill][data-state=active]) .tab-trigger-label {
+.tab-trigger:where([data-variant="fill"][data-state="active"])
+  .tab-trigger-label {
   color: var(--tab-fill-active-color);
 }
 
-.tab-trigger:where([data-variant=fill]):where(:not([data-state=active])):hover {
+.tab-trigger:where([data-variant="fill"]):where(
+    :not([data-state="active"])
+  ):hover {
   background: var(--tab-fill-hover-bg);
 }
 
@@ -5639,8 +6408,6 @@ figure.chip {
   padding: var(--spacing-padding-6) 0;
 }
 
-
-
 .table {
   width: 100%;
   border-collapse: collapse;
@@ -5658,130 +6425,216 @@ figure.chip {
   position: relative;
   z-index: 0;
 }
-.table[data-layout=line] :where(.table-native-cell):where(.table-th) {
+.table[data-layout="line"] :where(.table-native-cell):where(.table-th) {
   --table-cell-padding-inline: var(--table-line-cell-padding-inline);
   --table-cell-padding-block: var(--table-line-cell-padding-block);
   height: calc(attr(rowspan number, 1) * var(--table-line-cell-height-head));
 }
-.table[data-layout=line] :where(.table-native-cell):where(.table-th) :where(.table-cell-content) {
+.table[data-layout="line"]
+  :where(.table-native-cell):where(.table-th)
+  :where(.table-cell-content) {
   border-bottom: 1px solid var(--table-border-color);
 }
-.table[data-layout=line] :where(.table-native-cell):where(.table-td) {
+.table[data-layout="line"] :where(.table-native-cell):where(.table-td) {
   --table-cell-padding-inline: var(--table-line-cell-padding-inline);
   --table-cell-padding-block: var(--table-line-cell-padding-block);
   height: calc(attr(rowspan number, 1) * var(--table-line-cell-height-body));
 }
-.table[data-layout=line] :where(.table-native-cell):where(.table-td) :where(.table-cell-content) {
+.table[data-layout="line"]
+  :where(.table-native-cell):where(.table-td)
+  :where(.table-cell-content) {
   border-bottom: 1px solid var(--table-border-color);
 }
-.table[data-layout=line] :where(.table-head) :where(.table-native-cell):where(.table-th) {
+.table[data-layout="line"]
+  :where(.table-head)
+  :where(.table-native-cell):where(.table-th) {
   height: var(--table-line-cell-height-head);
   background-color: var(--table-line-head-background-color);
 }
-.table[data-layout=line] :where(.table-head) :where(.table-native-cell) :where(.table-cell-content) {
+.table[data-layout="line"]
+  :where(.table-head)
+  :where(.table-native-cell)
+  :where(.table-cell-content) {
   border-top: 1px solid var(--table-border-color);
 }
-.table[data-layout=line] :where(.table-body) :where(.table-native-cell):where(.table-td) {
+.table[data-layout="line"]
+  :where(.table-body)
+  :where(.table-native-cell):where(.table-td) {
   height: var(--table-line-cell-height-body);
 }
-.table[data-layout=line] :where(.table-body) :where(.table-native-cell):where(.table-th) :where(.table-native-cell-text) {
+.table[data-layout="line"]
+  :where(.table-body)
+  :where(.table-native-cell):where(.table-th)
+  :where(.table-native-cell-text) {
   --table-th-text-weight: 600;
 }
-.table[data-layout=line] :where(.table-body) :where(.table-native-cell):where(.table-th) :where(.table-cell-text) {
+.table[data-layout="line"]
+  :where(.table-body)
+  :where(.table-native-cell):where(.table-th)
+  :where(.table-cell-text) {
   --table-th-text-weight: 600;
 }
-.table[data-layout=line] :where(.table-foot) :where(.table-native-cell):where(.table-td) {
+.table[data-layout="line"]
+  :where(.table-foot)
+  :where(.table-native-cell):where(.table-td) {
   height: var(--table-line-cell-height-body);
 }
-.table[data-layout=line] :where(.table-native-cell[rowspan]) :where(.table-cell-content) {
+.table[data-layout="line"]
+  :where(.table-native-cell[rowspan])
+  :where(.table-cell-content) {
   border-right: 1px solid var(--table-border-color);
 }
-.table[data-layout=grid] {
+.table[data-layout="grid"] {
   border-radius: var(--table-grid-border-radius);
   overflow: visible;
   isolation: isolate;
 }
-.table[data-layout=grid] :where(.table-native-cell):where(.table-th) {
+.table[data-layout="grid"] :where(.table-native-cell):where(.table-th) {
   --table-cell-padding-inline: var(--table-grid-cell-padding-inline);
   --table-cell-padding-block: var(--table-grid-cell-padding-block);
   height: var(--table-grid-cell-height);
 }
-.table[data-layout=grid] :where(.table-native-cell):where(.table-th)[rowspan] {
+.table[data-layout="grid"]
+  :where(.table-native-cell):where(.table-th)[rowspan] {
   height: calc(attr(rowspan number, 1) * var(--table-grid-cell-height));
 }
-.table[data-layout=grid] :where(.table-native-cell):where(.table-td) {
+.table[data-layout="grid"] :where(.table-native-cell):where(.table-td) {
   --table-cell-padding-inline: var(--table-grid-cell-padding-inline);
   --table-cell-padding-block: var(--table-grid-cell-padding-block);
   height: var(--table-grid-cell-height);
 }
-.table[data-layout=grid] :where(.table-native-cell):where(.table-td)[rowspan] {
+.table[data-layout="grid"]
+  :where(.table-native-cell):where(.table-td)[rowspan] {
   height: calc(attr(rowspan number, 1) * var(--table-grid-cell-height));
 }
-.table[data-layout=grid] :where(.table-head) :where(.table-native-cell):where(.table-th) {
+.table[data-layout="grid"]
+  :where(.table-head)
+  :where(.table-native-cell):where(.table-th) {
   background-color: var(--table-grid-head-background-color);
 }
-.table[data-layout=grid] :where(.table-head) :where(.table-row:first-child) > :where(.table-native-cell:first-child) {
+.table[data-layout="grid"]
+  :where(.table-head)
+  :where(.table-row:first-child)
+  > :where(.table-native-cell:first-child) {
   border-top-left-radius: var(--table-grid-border-radius);
 }
-.table[data-layout=grid] :where(.table-head) :where(.table-row:first-child) > :where(.table-native-cell:last-child) {
+.table[data-layout="grid"]
+  :where(.table-head)
+  :where(.table-row:first-child)
+  > :where(.table-native-cell:last-child) {
   border-top-right-radius: var(--table-grid-border-radius);
 }
-.table[data-layout=grid] :where(.table-body) :where(.table-native-cell):where(.table-th) {
+.table[data-layout="grid"]
+  :where(.table-body)
+  :where(.table-native-cell):where(.table-th) {
   background-color: var(--table-grid-row-header-background-color);
 }
-.table[data-layout=grid] :where(.table-foot) :where(.table-native-cell):where(.table-th) {
+.table[data-layout="grid"]
+  :where(.table-foot)
+  :where(.table-native-cell):where(.table-th) {
   background-color: var(--table-grid-row-header-background-color);
 }
-.table[data-layout=grid] :where(.table-row[data-highlighted=true]) :where(.table-native-cell):where(.table-th) {
+.table[data-layout="grid"]
+  :where(.table-row[data-highlighted="true"])
+  :where(.table-native-cell):where(.table-th) {
   background-color: var(--table-grid-row-highlight-background-color);
 }
-.table[data-layout=grid] :where(.table-row[data-highlighted=true]) :where(.table-native-cell):where(.table-td) {
+.table[data-layout="grid"]
+  :where(.table-row[data-highlighted="true"])
+  :where(.table-native-cell):where(.table-td) {
   background-color: var(--table-grid-row-highlight-background-color);
 }
-.table[data-layout=grid] :where(.table-cell-content) {
+.table[data-layout="grid"] :where(.table-cell-content) {
   border-right: 1px solid var(--table-border-color);
   border-bottom: 1px solid var(--table-border-color);
 }
-.table[data-layout=grid] :where(.table-head) :where(.table-row:first-child) > :where(.table-native-cell) > :where(.table-cell-content) {
+.table[data-layout="grid"]
+  :where(.table-head)
+  :where(.table-row:first-child)
+  > :where(.table-native-cell)
+  > :where(.table-cell-content) {
   border-top: 1px solid var(--table-border-color);
 }
-.table[data-layout=grid] :where(.table-row) > :where(.table-native-cell:first-child) > :where(.table-cell-content) {
+.table[data-layout="grid"]
+  :where(.table-row)
+  > :where(.table-native-cell:first-child)
+  > :where(.table-cell-content) {
   border-left: 1px solid var(--table-border-color);
 }
-.table[data-layout=grid] :where(.table-row) > :where(.table-native-cell[rowspan]) > :where(.table-cell-content) {
+.table[data-layout="grid"]
+  :where(.table-row)
+  > :where(.table-native-cell[rowspan])
+  > :where(.table-cell-content) {
   border-right: 0;
 }
-.table[data-layout=grid] :where(.table-row) > :where(.table-native-cell[rowspan] + .table-native-cell) > :where(.table-cell-content) {
+.table[data-layout="grid"]
+  :where(.table-row)
+  > :where(.table-native-cell[rowspan] + .table-native-cell)
+  > :where(.table-cell-content) {
   border-left: 1px solid var(--table-border-color);
 }
-.table[data-layout=grid] :where(.table-row:first-child) > :where(.table-native-cell:first-child) :where(.table-cell-content) {
+.table[data-layout="grid"]
+  :where(.table-row:first-child)
+  > :where(.table-native-cell:first-child)
+  :where(.table-cell-content) {
   border-top-left-radius: inherit;
 }
-.table[data-layout=grid] :where(.table-row:first-child) > :where(.table-native-cell:last-child) :where(.table-cell-content) {
+.table[data-layout="grid"]
+  :where(.table-row:first-child)
+  > :where(.table-native-cell:last-child)
+  :where(.table-cell-content) {
   border-top-right-radius: inherit;
 }
-.table[data-layout=grid] :where(.table-foot) :where(.table-row:last-child) > :where(.table-native-cell:first-child) {
+.table[data-layout="grid"]
+  :where(.table-foot)
+  :where(.table-row:last-child)
+  > :where(.table-native-cell:first-child) {
   border-bottom-left-radius: var(--table-grid-border-radius);
 }
-.table[data-layout=grid] :where(.table-foot) :where(.table-row:last-child) > :where(.table-native-cell:first-child) :where(.table-cell-content) {
+.table[data-layout="grid"]
+  :where(.table-foot)
+  :where(.table-row:last-child)
+  > :where(.table-native-cell:first-child)
+  :where(.table-cell-content) {
   border-bottom-left-radius: inherit;
 }
-.table[data-layout=grid] :where(.table-foot) :where(.table-row:last-child) > :where(.table-native-cell:last-child) {
+.table[data-layout="grid"]
+  :where(.table-foot)
+  :where(.table-row:last-child)
+  > :where(.table-native-cell:last-child) {
   border-bottom-right-radius: var(--table-grid-border-radius);
 }
-.table[data-layout=grid] :where(.table-foot) :where(.table-row:last-child) > :where(.table-native-cell:last-child) :where(.table-cell-content) {
+.table[data-layout="grid"]
+  :where(.table-foot)
+  :where(.table-row:last-child)
+  > :where(.table-native-cell:last-child)
+  :where(.table-cell-content) {
   border-bottom-right-radius: inherit;
 }
-.table[data-layout=grid]:not([data-has-footer=true]) :where(.table-body:last-of-type) :where(.table-row:last-child) > :where(.table-native-cell:first-child) {
+.table[data-layout="grid"]:not([data-has-footer="true"])
+  :where(.table-body:last-of-type)
+  :where(.table-row:last-child)
+  > :where(.table-native-cell:first-child) {
   border-bottom-left-radius: var(--table-grid-border-radius);
 }
-.table[data-layout=grid]:not([data-has-footer=true]) :where(.table-body:last-of-type) :where(.table-row:last-child) > :where(.table-native-cell:first-child) :where(.table-cell-content) {
+.table[data-layout="grid"]:not([data-has-footer="true"])
+  :where(.table-body:last-of-type)
+  :where(.table-row:last-child)
+  > :where(.table-native-cell:first-child)
+  :where(.table-cell-content) {
   border-bottom-left-radius: inherit;
 }
-.table[data-layout=grid]:not([data-has-footer=true]) :where(.table-body:last-of-type) :where(.table-row:last-child) > :where(.table-native-cell:last-child) {
+.table[data-layout="grid"]:not([data-has-footer="true"])
+  :where(.table-body:last-of-type)
+  :where(.table-row:last-child)
+  > :where(.table-native-cell:last-child) {
   border-bottom-right-radius: var(--table-grid-border-radius);
 }
-.table[data-layout=grid]:not([data-has-footer=true]) :where(.table-body:last-of-type) :where(.table-row:last-child) > :where(.table-native-cell:last-child) :where(.table-cell-content) {
+.table[data-layout="grid"]:not([data-has-footer="true"])
+  :where(.table-body:last-of-type)
+  :where(.table-row:last-child)
+  > :where(.table-native-cell:last-child)
+  :where(.table-cell-content) {
   border-bottom-right-radius: inherit;
 }
 .table :where(.table-native-cell):where(.table-th) {
@@ -5792,19 +6645,34 @@ figure.chip {
   bottom: var(--table-cell-sticky-bottom);
   z-index: var(--table-cell-z-index);
 }
-.table :where(.table-head) :where(.table-row) > :where(.table-native-cell):where(.table-th) {
+.table
+  :where(.table-head)
+  :where(.table-row)
+  > :where(.table-native-cell):where(.table-th) {
   --table-cell-z-index: 300;
 }
-.table :where(.table-head) :where(.table-row) > :where(.table-native-cell):where(.table-th):where(.table-cell-sticky) {
+.table
+  :where(.table-head)
+  :where(.table-row)
+  > :where(.table-native-cell):where(.table-th):where(.table-cell-sticky) {
   --table-cell-z-index: 400;
 }
-.table :where(.table-body) :where(.table-row) > :where(.table-native-cell):where(.table-th) {
+.table
+  :where(.table-body)
+  :where(.table-row)
+  > :where(.table-native-cell):where(.table-th) {
   --table-cell-z-index: 200;
 }
-.table :where(.table-body) :where(.table-row) > :where(.table-native-cell):where(.table-th):where(.table-cell-sticky) {
+.table
+  :where(.table-body)
+  :where(.table-row)
+  > :where(.table-native-cell):where(.table-th):where(.table-cell-sticky) {
   --table-cell-z-index: 300;
 }
-.table :where(.table-foot) :where(.table-row) > :where(.table-native-cell):where(.table-th) {
+.table
+  :where(.table-foot)
+  :where(.table-row)
+  > :where(.table-native-cell):where(.table-th) {
   --table-cell-z-index: 200;
 }
 .table :where(.table-foot .table-cell-content) {
@@ -5823,21 +6691,21 @@ figure.chip {
 .table-scroll-wrapper {
   width: 100%;
 }
-.table-scroll-wrapper[data-layout=grid] {
+.table-scroll-wrapper[data-layout="grid"] {
   border-radius: var(--table-grid-border-radius);
 }
 
-.table-scroll-wrapper[data-scroll-axis=x] {
+.table-scroll-wrapper[data-scroll-axis="x"] {
   overflow-x: auto;
   overflow-y: visible;
 }
 
-.table-scroll-wrapper[data-scroll-axis=y] {
+.table-scroll-wrapper[data-scroll-axis="y"] {
   overflow-x: visible;
   overflow-y: auto;
 }
 
-.table-scroll-wrapper[data-scroll-axis=both] {
+.table-scroll-wrapper[data-scroll-axis="both"] {
   overflow: auto;
 }
 
@@ -5868,11 +6736,11 @@ figure.chip {
   padding-block: var(--table-cell-padding-block);
 }
 
-.table-cell-content[data-padding=none] {
+.table-cell-content[data-padding="none"] {
   padding: 0;
 }
 
-.table-cell-content[data-no-padding=true] {
+.table-cell-content[data-no-padding="true"] {
   padding: 0;
 }
 
@@ -5893,99 +6761,99 @@ figure.chip {
   white-space: nowrap;
 }
 
-.table-cell-content[data-align-x=left] {
+.table-cell-content[data-align-x="left"] {
   justify-content: flex-start;
 }
 
-.table-cell-content[data-align-x=center] {
+.table-cell-content[data-align-x="center"] {
   justify-content: center;
 }
 
-.table-cell-content[data-align-x=right] {
+.table-cell-content[data-align-x="right"] {
   justify-content: flex-end;
 }
 
-.table-cell-content[data-align-x=normal] {
+.table-cell-content[data-align-x="normal"] {
   justify-content: normal;
 }
 
-.table-cell-content[data-align-x=start] {
+.table-cell-content[data-align-x="start"] {
   justify-content: start;
 }
 
-.table-cell-content[data-align-x=end] {
+.table-cell-content[data-align-x="end"] {
   justify-content: end;
 }
 
-.table-cell-content[data-align-x=flex-start] {
+.table-cell-content[data-align-x="flex-start"] {
   justify-content: flex-start;
 }
 
-.table-cell-content[data-align-x=flex-end] {
+.table-cell-content[data-align-x="flex-end"] {
   justify-content: flex-end;
 }
 
-.table-cell-content[data-align-x=space-between] {
+.table-cell-content[data-align-x="space-between"] {
   justify-content: space-between;
 }
 
-.table-cell-content[data-align-x=space-around] {
+.table-cell-content[data-align-x="space-around"] {
   justify-content: space-around;
 }
 
-.table-cell-content[data-align-x=space-evenly] {
+.table-cell-content[data-align-x="space-evenly"] {
   justify-content: space-evenly;
 }
 
-.table-cell-content[data-align-x=stretch] {
+.table-cell-content[data-align-x="stretch"] {
   justify-content: stretch;
 }
 
-.table-cell-content[data-align-y=top] {
+.table-cell-content[data-align-y="top"] {
   align-items: flex-start;
 }
 
-.table-cell-content[data-align-y=center] {
+.table-cell-content[data-align-y="center"] {
   align-items: center;
 }
 
-.table-cell-content[data-align-y=bottom] {
+.table-cell-content[data-align-y="bottom"] {
   align-items: flex-end;
 }
 
-.table-cell-content[data-align-y=normal] {
+.table-cell-content[data-align-y="normal"] {
   align-items: normal;
 }
 
-.table-cell-content[data-align-y=stretch] {
+.table-cell-content[data-align-y="stretch"] {
   align-items: stretch;
 }
 
-.table-cell-content[data-align-y=start] {
+.table-cell-content[data-align-y="start"] {
   align-items: start;
 }
 
-.table-cell-content[data-align-y=end] {
+.table-cell-content[data-align-y="end"] {
   align-items: end;
 }
 
-.table-cell-content[data-align-y=flex-start] {
+.table-cell-content[data-align-y="flex-start"] {
   align-items: flex-start;
 }
 
-.table-cell-content[data-align-y=flex-end] {
+.table-cell-content[data-align-y="flex-end"] {
   align-items: flex-end;
 }
 
-.table-cell-content[data-align-y=self-start] {
+.table-cell-content[data-align-y="self-start"] {
   align-items: self-start;
 }
 
-.table-cell-content[data-align-y=self-end] {
+.table-cell-content[data-align-y="self-end"] {
   align-items: self-end;
 }
 
-.table-cell-content[data-align-y=baseline] {
+.table-cell-content[data-align-y="baseline"] {
   align-items: baseline;
 }
 
@@ -5996,9 +6864,15 @@ figure.chip {
   line-height: var(--table-th-text-line-height);
 }
 
-.table-cell .input[data-priority=table] .input-element,
-.table-cell .select.select-container .select-button[data-priority=table] .select-label,
-.table-cell .select.select-container .select-button[data-priority=table] .select-label-placeholder {
+.table-cell .input[data-priority="table"] .input-element,
+.table-cell
+  .select.select-container
+  .select-button[data-priority="table"]
+  .select-label,
+.table-cell
+  .select.select-container
+  .select-button[data-priority="table"]
+  .select-label-placeholder {
   color: var(--table-td-text-color);
   font-size: var(--table-td-text-size);
   font-weight: var(--table-td-text-weight);
@@ -6036,8 +6910,6 @@ figure.chip {
   line-height: var(--table-td-text-line-height);
 }
 
-
-
 .toast-stack {
   --toast-stack-translate-x: 0;
   --toast-stack-translate-y: 0;
@@ -6047,43 +6919,46 @@ figure.chip {
   flex-direction: column;
   gap: var(--toast-stack-gap);
   pointer-events: none;
-  transform: translate(var(--toast-stack-translate-x), var(--toast-stack-translate-y));
+  transform: translate(
+    var(--toast-stack-translate-x),
+    var(--toast-stack-translate-y)
+  );
 }
 
-.toast-stack:where([data-x=left]) {
+.toast-stack:where([data-x="left"]) {
   left: var(--toast-stack-margin);
   --toast-transition-x: calc(var(--toast-transition-distance) * -1);
 }
 
-.toast-stack:where([data-x=center]) {
+.toast-stack:where([data-x="center"]) {
   left: 50%;
   --toast-stack-translate-x: -50%;
   --toast-transition-distance: -80%;
 }
 
-.toast-stack:where([data-x=right]) {
+.toast-stack:where([data-x="right"]) {
   right: var(--toast-stack-margin);
   --toast-transition-x: var(--toast-transition-distance);
 }
 
-.toast-stack:where([data-y=top]) {
+.toast-stack:where([data-y="top"]) {
   top: var(--toast-stack-margin);
 }
 
-.toast-stack:where([data-y=center]) {
+.toast-stack:where([data-y="center"]) {
   top: 50%;
   --toast-stack-translate-y: -50%;
 }
 
-.toast-stack:where([data-y=bottom]) {
+.toast-stack:where([data-y="bottom"]) {
   bottom: var(--toast-stack-margin);
 }
 
-.toast-stack:where([data-x=center][data-y=top]) {
+.toast-stack:where([data-x="center"][data-y="top"]) {
   --toast-transition-y: calc(var(--toast-transition-distance) * -1);
 }
 
-.toast-stack:where([data-x=center][data-y=bottom]) {
+.toast-stack:where([data-x="center"][data-y="bottom"]) {
   --toast-transition-y: var(--toast-transition-distance);
 }
 
@@ -6100,10 +6975,12 @@ figure.chip {
   opacity: 0;
   pointer-events: auto;
   transform: translate(var(--toast-transition-x), var(--toast-transition-y));
-  transition: opacity var(--toast-transition-duration) var(--toast-transition-easing), transform var(--toast-transition-duration) var(--toast-transition-easing);
+  transition:
+    opacity var(--toast-transition-duration) var(--toast-transition-easing),
+    transform var(--toast-transition-duration) var(--toast-transition-easing);
 }
 
-.toast:where([data-phase=open]) {
+.toast:where([data-phase="open"]) {
   opacity: 1;
   transform: translateY(0);
 }
@@ -6147,8 +7024,6 @@ figure.chip {
   opacity: 0.82;
 }
 
-
-
 .tooltip-trigger {
   display: inline-flex;
   align-items: center;
@@ -6179,7 +7054,8 @@ figure.chip {
   box-sizing: border-box;
   border-radius: var(--tooltip-message-radius);
   background-color: var(--tooltip-message-background);
-  padding: var(--tooltip-message-padding-block) var(--tooltip-message-padding-inline);
+  padding: var(--tooltip-message-padding-block)
+    var(--tooltip-message-padding-inline);
 }
 
 .tooltip-message-text {