/* GENERATED by console/scripts/sync-grpm.mts — 직접 수정 금지. growth-collector@a0db1c0 · grpm-tab */
:root {
  --grpm-color-bg-surface: #ffffff;
  --grpm-color-state-pressed-layer: #000000;
  --grpm-radius-semantic-pill: 9999px;
  --grpm-tab-container-border-bottom: rgba(0, 27, 55, 0.1);
  --grpm-tab-indicator-fill: #333d4b;
  --grpm-tab-item-gap-compact: 8px;
  --grpm-tab-item-gap-default: 12px;
  --grpm-tab-item-gap-none: 0px;
  --grpm-tab-item-gap-wide: 36px;
  --grpm-tab-item-pressed-opacity: 0.08;
  --grpm-tab-item-selected-color: rgba(0, 12, 30, 0.8);
  --grpm-tab-item-unselected-color: rgba(0, 19, 43, 0.58);
  --grpm-tab-red-bean-color: #f04452;
  --grpm-tab-red-bean-offset-right: -4px;
  --grpm-tab-red-bean-offset-top: 0px;
  --grpm-tab-red-bean-size: 6px;
  --grpm-tab-size-large-container-padding-left-fixed: 20px;
  --grpm-tab-size-large-container-padding-left-fluid: 14px;
  --grpm-tab-size-large-container-padding-right-fixed: 19px;
  --grpm-tab-size-large-font-size: 17px;
  --grpm-tab-size-large-indicator-height: 2px;
  --grpm-tab-size-large-indicator-inset-fixed: 8px;
  --grpm-tab-size-large-indicator-inset-fluid: 12px;
  --grpm-tab-size-large-indicator-radius: 10px;
  --grpm-tab-size-large-item-min-height: 51px;
  --grpm-tab-size-large-item-min-width-fluid: 64px;
  --grpm-tab-size-large-item-padding-fixed: 8px;
  --grpm-tab-size-large-item-padding-fluid-x: 12px;
  --grpm-tab-size-large-item-padding-fluid-y: 8px;
  --grpm-tab-size-large-line-height: 1.252;
  --grpm-tab-size-large-selected-font-weight: 700;
  --grpm-tab-size-large-unselected-font-weight: 600;
  --grpm-tab-size-small-container-padding-left-fixed: 20px;
  --grpm-tab-size-small-container-padding-left-fluid: 14px;
  --grpm-tab-size-small-container-padding-right-fixed: 19px;
  --grpm-tab-size-small-font-size: 15px;
  --grpm-tab-size-small-indicator-height: 2px;
  --grpm-tab-size-small-indicator-inset-fixed: 8px;
  --grpm-tab-size-small-indicator-inset-fluid: 12px;
  --grpm-tab-size-small-indicator-radius: 10px;
  --grpm-tab-size-small-item-min-height: 38px;
  --grpm-tab-size-small-item-min-width-fluid: 64px;
  --grpm-tab-size-small-item-padding-fixed: 8px;
  --grpm-tab-size-small-item-padding-fluid-x: 12px;
  --grpm-tab-size-small-item-padding-fluid-y: 8px;
  --grpm-tab-size-small-line-height: 1.252;
  --grpm-tab-size-small-selected-font-weight: 700;
  --grpm-tab-size-small-unselected-font-weight: 600;
}
.grpm-tab { display: flex; align-items: stretch; box-sizing: border-box; width: 100%; background: var(--grpm-color-bg-surface); border-bottom: 1px solid var(--grpm-tab-container-border-bottom); overflow: hidden; }
/* box-sizing 누락으로 width:100%+패딩이 부모를 24px 넘치던 결함 (2026-07-20 만세력 실측) */
.grpm-tab[data-fluid] { overflow-x: auto; flex-wrap: nowrap; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.grpm-tab[data-fluid]::-webkit-scrollbar { display: none; }
.grpm-tab:not([data-fluid]) .grpm-tab__item { flex: 1 1 0; min-width: 0; }
.grpm-tab[data-fluid] .grpm-tab__item { flex: 0 0 auto; }
.grpm-tab__item { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box; margin: 0; padding: 0; border: 0; background: transparent; cursor: default; font-family: inherit; font-size: inherit; line-height: inherit; color: var(--grpm-tab-item-unselected-color); font-weight: var(--grpm-tab-size-large-unselected-font-weight); appearance: none; -webkit-appearance: none; -webkit-tap-highlight-color: transparent; --grpm-tab-pressed-opacity: var(--grpm-tab-item-pressed-opacity); }
.grpm-tab[data-interactive] .grpm-tab__item { cursor: pointer; }
.grpm-tab[data-interactive] .grpm-tab__item:active { box-shadow: inset 0 0 0 9999px color-mix(in srgb, var(--grpm-color-state-pressed-layer) calc(var(--grpm-tab-pressed-opacity) * 100%), transparent); }
.grpm-tab__item[data-selected] { color: var(--grpm-tab-item-selected-color); font-weight: var(--grpm-tab-size-large-selected-font-weight); }
.grpm-tab[data-size="small"] .grpm-tab__item { font-weight: var(--grpm-tab-size-small-unselected-font-weight); }
.grpm-tab[data-size="small"] .grpm-tab__item[data-selected] { font-weight: var(--grpm-tab-size-small-selected-font-weight); }
.grpm-tab[data-size="large"] .grpm-tab__item { font-weight: var(--grpm-tab-size-large-unselected-font-weight); }
.grpm-tab[data-size="large"] .grpm-tab__item[data-selected] { font-weight: var(--grpm-tab-size-large-selected-font-weight); }
.grpm-tab__label { position: relative; display: block; text-align: center; word-break: keep-all; overflow-wrap: break-word; white-space: nowrap; }
.grpm-tab__indicator { position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; height: var(--grpm-tab-size-large-indicator-height); border-radius: var(--grpm-tab-size-large-indicator-radius); background: var(--grpm-tab-indicator-fill); }
.grpm-tab[data-size="small"] .grpm-tab__indicator { height: var(--grpm-tab-size-small-indicator-height); border-radius: var(--grpm-tab-size-small-indicator-radius); }
.grpm-tab__red-bean { position: absolute; top: var(--grpm-tab-red-bean-offset-top); right: var(--grpm-tab-red-bean-offset-right); width: var(--grpm-tab-red-bean-size); height: var(--grpm-tab-red-bean-size); border-radius: var(--grpm-radius-semantic-pill); background: var(--grpm-tab-red-bean-color); }
.grpm-tab[data-size="small"] { font-size: var(--grpm-tab-size-small-font-size); }
.grpm-tab[data-size="small"]:not([data-fluid]) { padding-left: var(--grpm-tab-size-small-container-padding-left-fixed); padding-right: var(--grpm-tab-size-small-container-padding-right-fixed); }
.grpm-tab[data-size="small"][data-fluid] { padding-left: var(--grpm-tab-size-small-container-padding-left-fluid); }
.grpm-tab[data-size="small"] .grpm-tab__item { min-height: var(--grpm-tab-size-small-item-min-height); line-height: var(--grpm-tab-size-small-line-height); }
.grpm-tab[data-size="small"]:not([data-fluid]) .grpm-tab__item { padding: var(--grpm-tab-size-small-item-padding-fixed); }
.grpm-tab[data-size="small"][data-fluid] .grpm-tab__item { min-width: var(--grpm-tab-size-small-item-min-width-fluid); padding: var(--grpm-tab-size-small-item-padding-fluid-y) var(--grpm-tab-size-small-item-padding-fluid-x); }
.grpm-tab[data-size="small"]:not([data-fluid]) .grpm-tab__item[data-selected] .grpm-tab__indicator { left: var(--grpm-tab-size-small-indicator-inset-fixed); right: var(--grpm-tab-size-small-indicator-inset-fixed); }
.grpm-tab[data-size="small"][data-fluid] .grpm-tab__item[data-selected] .grpm-tab__indicator { left: var(--grpm-tab-size-small-indicator-inset-fluid); right: var(--grpm-tab-size-small-indicator-inset-fluid); }
.grpm-tab[data-size="large"] { font-size: var(--grpm-tab-size-large-font-size); }
.grpm-tab[data-size="large"]:not([data-fluid]) { padding-left: var(--grpm-tab-size-large-container-padding-left-fixed); padding-right: var(--grpm-tab-size-large-container-padding-right-fixed); }
.grpm-tab[data-size="large"][data-fluid] { padding-left: var(--grpm-tab-size-large-container-padding-left-fluid); }
.grpm-tab[data-size="large"] .grpm-tab__item { min-height: var(--grpm-tab-size-large-item-min-height); line-height: var(--grpm-tab-size-large-line-height); }
.grpm-tab[data-size="large"]:not([data-fluid]) .grpm-tab__item { padding: var(--grpm-tab-size-large-item-padding-fixed); }
.grpm-tab[data-size="large"][data-fluid] .grpm-tab__item { min-width: var(--grpm-tab-size-large-item-min-width-fluid); padding: var(--grpm-tab-size-large-item-padding-fluid-y) var(--grpm-tab-size-large-item-padding-fluid-x); }
.grpm-tab[data-size="large"]:not([data-fluid]) .grpm-tab__item[data-selected] .grpm-tab__indicator { left: var(--grpm-tab-size-large-indicator-inset-fixed); right: var(--grpm-tab-size-large-indicator-inset-fixed); }
.grpm-tab[data-size="large"][data-fluid] .grpm-tab__item[data-selected] .grpm-tab__indicator { left: var(--grpm-tab-size-large-indicator-inset-fluid); right: var(--grpm-tab-size-large-indicator-inset-fluid); }
.grpm-tab[data-item-gap="none"] { gap: var(--grpm-tab-item-gap-none); }
.grpm-tab[data-item-gap="compact"] { gap: var(--grpm-tab-item-gap-compact); }
.grpm-tab[data-item-gap="default"] { gap: var(--grpm-tab-item-gap-default); }
.grpm-tab[data-item-gap="wide"] { gap: var(--grpm-tab-item-gap-wide); }