diff --git a/ecosystem/qvism/core/src/parser.ts b/ecosystem/qvism/core/src/parser.ts index a29b2c3b43..ca076f7cb6 100644 --- a/ecosystem/qvism/core/src/parser.ts +++ b/ecosystem/qvism/core/src/parser.ts @@ -29,6 +29,14 @@ const UNITLESS: Record = { "stroke-width": true, }; +// Override 가능한 CSS 속성과 대응하는 CSS 변수 +const OVERRIDABLE_PROPERTIES: Record = { + background: "--seed-box-background", + "background-color": "--seed-box-background", + color: "--seed-box-color", + "border-color": "--seed-box-border-color", +}; + function dashify(str: string): string { return str .replace(/([A-Z])/g, "-$1") @@ -66,6 +74,14 @@ function decl(parent: Container, name: string, value: CSSValue): void { valueStr = String(value); } + if (name in OVERRIDABLE_PROPERTIES) { + const cssVar = OVERRIDABLE_PROPERTIES[name]; + // 이미 해당 CSS 변수로 래핑되어 있지 않은 경우만 처리 + if (!valueStr.startsWith(`var(${cssVar},`)) { + valueStr = `var(${cssVar}, ${valueStr})`; + } + } + if (name === "css-float") name = "float"; if (IMPORTANT.test(valueStr)) { diff --git a/packages/css/all.css b/packages/css/all.css index 3f7fae5ddd..f23dd55446 100644 --- a/packages/css/all.css +++ b/packages/css/all.css @@ -43,7 +43,7 @@ .seed-icon { width: var(--seed-icon-size); height: var(--seed-icon-size); - color: var(--seed-icon-color, currentColor); + color: var(--seed-box-color, var(--seed-icon-color, currentColor)); } .seed-prefix-icon { @@ -52,7 +52,7 @@ margin-left: var(--seed-prefix-icon-margin-left); margin-right: var(--seed-prefix-icon-margin-right); margin-top: var(--seed-prefix-icon-margin-top); - color: var(--seed-prefix-icon-color, currentColor); + color: var(--seed-box-color, var(--seed-prefix-icon-color, currentColor)); } .seed-suffix-icon { @@ -61,25 +61,25 @@ margin-left: var(--seed-suffix-icon-margin-left); margin-right: var(--seed-suffix-icon-margin-right); margin-top: var(--seed-suffix-icon-margin-top); - color: var(--seed-suffix-icon-color, currentColor); + color: var(--seed-box-color, var(--seed-suffix-icon-color, currentColor)); } .seed-count { font-size: var(--seed-count-font-size); line-height: var(--seed-count-line-height); font-weight: var(--seed-count-font-weight); - color: var(--seed-count-color); + color: var(--seed-box-color, var(--seed-count-color)); } .seed-box { --seed-box-background: initial; --seed-box-color: initial; - background: var(--seed-box-background); - color: var(--seed-box-color); + background: var(--seed-box-background, var(--seed-box-background)); + color: var(--seed-box-color, var(--seed-box-color)); --seed-box-border-style: solid; --seed-box-border-color: initial; border-style: var(--seed-box-border-style); - border-color: var(--seed-box-border-color); + border-color: var(--seed-box-border-color, var(--seed-box-border-color)); --seed-box-border-width: 0; --seed-box-border-top-width: var(--seed-box-border-width); --seed-box-border-bottom-width: var(--seed-box-border-width); @@ -171,7 +171,7 @@ .seed-box:is(:active, [data-active]) { --seed-box-background--active: var(--seed-box-background); - background: var(--seed-box-background--active); + background: var(--seed-box-background, var(--seed-box-background--active)); } .seed-consistent-width:before { @@ -969,8 +969,8 @@ } .seed-action-button--variant_brandSolid { - background: var(--seed-color-bg-brand-solid); - color: var(--seed-color-palette-static-white); + background: var(--seed-box-background, var(--seed-color-bg-brand-solid)); + color: var(--seed-box-color, var(--seed-color-palette-static-white)); --seed-prefix-icon-color: var(--seed-color-palette-static-white); --seed-suffix-icon-color: var(--seed-color-palette-static-white); --seed-icon-color: var(--seed-color-palette-static-white); @@ -979,24 +979,24 @@ } .seed-action-button--variant_brandSolid:is(:active, [data-active]) { - background: var(--seed-color-bg-brand-solid-pressed); + background: var(--seed-box-background, var(--seed-color-bg-brand-solid-pressed)); } .seed-action-button--variant_brandSolid:is(:disabled, [disabled], [data-disabled]) { - background: var(--seed-color-bg-disabled); - color: var(--seed-color-fg-disabled); + background: var(--seed-box-background, var(--seed-color-bg-disabled)); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); --seed-prefix-icon-color: var(--seed-color-fg-disabled); --seed-suffix-icon-color: var(--seed-color-fg-disabled); --seed-icon-color: var(--seed-color-fg-disabled); } .seed-action-button--variant_brandSolid[data-loading] { - background: var(--seed-color-bg-brand-solid-pressed); + background: var(--seed-box-background, var(--seed-color-bg-brand-solid-pressed)); } .seed-action-button--variant_neutralSolid { - background: var(--seed-color-bg-neutral-inverted); - color: var(--seed-color-fg-neutral-inverted); + background: var(--seed-box-background, var(--seed-color-bg-neutral-inverted)); + color: var(--seed-box-color, var(--seed-color-fg-neutral-inverted)); --seed-prefix-icon-color: var(--seed-color-fg-neutral-inverted); --seed-suffix-icon-color: var(--seed-color-fg-neutral-inverted); --seed-icon-color: var(--seed-color-fg-neutral-inverted); @@ -1005,24 +1005,24 @@ } .seed-action-button--variant_neutralSolid:is(:active, [data-active]) { - background: var(--seed-color-bg-neutral-inverted-pressed); + background: var(--seed-box-background, var(--seed-color-bg-neutral-inverted-pressed)); } .seed-action-button--variant_neutralSolid:is(:disabled, [disabled], [data-disabled]) { - background: var(--seed-color-bg-disabled); - color: var(--seed-color-fg-disabled); + background: var(--seed-box-background, var(--seed-color-bg-disabled)); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); --seed-prefix-icon-color: var(--seed-color-fg-disabled); --seed-suffix-icon-color: var(--seed-color-fg-disabled); --seed-icon-color: var(--seed-color-fg-disabled); } .seed-action-button--variant_neutralSolid[data-loading] { - background: var(--seed-color-bg-neutral-inverted-pressed); + background: var(--seed-box-background, var(--seed-color-bg-neutral-inverted-pressed)); } .seed-action-button--variant_neutralWeak { - background: var(--seed-color-bg-neutral-weak); - color: var(--seed-color-fg-neutral); + background: var(--seed-box-background, var(--seed-color-bg-neutral-weak)); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); --seed-prefix-icon-color: var(--seed-color-fg-neutral); --seed-suffix-icon-color: var(--seed-color-fg-neutral); --seed-icon-color: var(--seed-color-fg-neutral); @@ -1031,24 +1031,24 @@ } .seed-action-button--variant_neutralWeak:is(:active, [data-active]) { - background: var(--seed-color-bg-neutral-weak-pressed); + background: var(--seed-box-background, var(--seed-color-bg-neutral-weak-pressed)); } .seed-action-button--variant_neutralWeak:is(:disabled, [disabled], [data-disabled]) { - background: var(--seed-color-bg-disabled); - color: var(--seed-color-fg-disabled); + background: var(--seed-box-background, var(--seed-color-bg-disabled)); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); --seed-prefix-icon-color: var(--seed-color-fg-disabled); --seed-suffix-icon-color: var(--seed-color-fg-disabled); --seed-icon-color: var(--seed-color-fg-disabled); } .seed-action-button--variant_neutralWeak[data-loading] { - background: var(--seed-color-bg-neutral-weak-pressed); + background: var(--seed-box-background, var(--seed-color-bg-neutral-weak-pressed)); } .seed-action-button--variant_criticalSolid { - background: var(--seed-color-bg-critical-solid); - color: var(--seed-color-palette-static-white); + background: var(--seed-box-background, var(--seed-color-bg-critical-solid)); + color: var(--seed-box-color, var(--seed-color-palette-static-white)); --seed-prefix-icon-color: var(--seed-color-palette-static-white); --seed-suffix-icon-color: var(--seed-color-palette-static-white); --seed-icon-color: var(--seed-color-palette-static-white); @@ -1057,27 +1057,27 @@ } .seed-action-button--variant_criticalSolid:is(:active, [data-active]) { - background: var(--seed-color-bg-critical-solid-pressed); + background: var(--seed-box-background, var(--seed-color-bg-critical-solid-pressed)); } .seed-action-button--variant_criticalSolid:is(:disabled, [disabled], [data-disabled]) { - background: var(--seed-color-bg-disabled); - color: var(--seed-color-fg-disabled); + background: var(--seed-box-background, var(--seed-color-bg-disabled)); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); --seed-prefix-icon-color: var(--seed-color-fg-disabled); --seed-suffix-icon-color: var(--seed-color-fg-disabled); --seed-icon-color: var(--seed-color-fg-disabled); } .seed-action-button--variant_criticalSolid[data-loading] { - background: var(--seed-color-bg-critical-solid-pressed); + background: var(--seed-box-background, var(--seed-color-bg-critical-solid-pressed)); } .seed-action-button--variant_brandOutline { - background: var(--seed-color-bg-layer-default); + background: var(--seed-box-background, var(--seed-color-bg-layer-default)); border-style: solid; border-width: 1px; - border-color: var(--seed-color-stroke-neutral); - color: var(--seed-color-fg-brand); + border-color: var(--seed-box-border-color, var(--seed-color-stroke-neutral)); + color: var(--seed-box-color, var(--seed-color-fg-brand)); --seed-prefix-icon-color: var(--seed-color-fg-brand); --seed-suffix-icon-color: var(--seed-color-fg-brand); --seed-icon-color: var(--seed-color-fg-brand); @@ -1086,28 +1086,28 @@ } .seed-action-button--variant_brandOutline:is(:active, [data-active]) { - background: var(--seed-color-bg-layer-default-pressed); + background: var(--seed-box-background, var(--seed-color-bg-layer-default-pressed)); } .seed-action-button--variant_brandOutline:is(:disabled, [disabled], [data-disabled]) { - background: var(--seed-color-bg-layer-default); - border-color: var(--seed-color-stroke-neutral); - color: var(--seed-color-fg-disabled); + background: var(--seed-box-background, var(--seed-color-bg-layer-default)); + border-color: var(--seed-box-border-color, var(--seed-color-stroke-neutral)); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); --seed-prefix-icon-color: var(--seed-color-fg-disabled); --seed-suffix-icon-color: var(--seed-color-fg-disabled); --seed-icon-color: var(--seed-color-fg-disabled); } .seed-action-button--variant_brandOutline[data-loading] { - background: var(--seed-color-bg-layer-default); + background: var(--seed-box-background, var(--seed-color-bg-layer-default)); } .seed-action-button--variant_neutralOutline { - background: var(--seed-color-bg-layer-default); + background: var(--seed-box-background, var(--seed-color-bg-layer-default)); border-style: solid; border-width: 1px; - border-color: var(--seed-color-stroke-neutral); - color: var(--seed-color-fg-neutral); + border-color: var(--seed-box-border-color, var(--seed-color-stroke-neutral)); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); --seed-prefix-icon-color: var(--seed-color-fg-neutral); --seed-suffix-icon-color: var(--seed-color-fg-neutral); --seed-icon-color: var(--seed-color-fg-neutral); @@ -1116,47 +1116,47 @@ } .seed-action-button--variant_neutralOutline:is(:active, [data-active]) { - background: var(--seed-color-bg-layer-default-pressed); + background: var(--seed-box-background, var(--seed-color-bg-layer-default-pressed)); } .seed-action-button--variant_neutralOutline:is(:disabled, [disabled], [data-disabled]) { - background: var(--seed-color-bg-layer-default); - border-color: var(--seed-color-stroke-neutral); - color: var(--seed-color-fg-disabled); + background: var(--seed-box-background, var(--seed-color-bg-layer-default)); + border-color: var(--seed-box-border-color, var(--seed-color-stroke-neutral)); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); --seed-prefix-icon-color: var(--seed-color-fg-disabled); --seed-suffix-icon-color: var(--seed-color-fg-disabled); --seed-icon-color: var(--seed-color-fg-disabled); } .seed-action-button--variant_neutralOutline[data-loading] { - background: var(--seed-color-bg-layer-default); + background: var(--seed-box-background, var(--seed-color-bg-layer-default)); } .seed-action-button--variant_ghost { + background: var(--seed-box-background, #fff0); --seed-box-color: var(--seed-color-fg-neutral); - color: var(--seed-box-color); + color: var(--seed-box-color, var(--seed-box-color)); --seed-prefix-icon-color: var(--seed-box-color); --seed-suffix-icon-color: var(--seed-box-color); --seed-icon-color: var(--seed-box-color); --track-color: var(--seed-color-palette-gray-500); --range-color: var(--seed-color-fg-neutral); - background: #fff0; } .seed-action-button--variant_ghost:is(:active, [data-active]) { - background: var(--seed-color-bg-layer-default-pressed); + background: var(--seed-box-background, var(--seed-color-bg-layer-default-pressed)); } .seed-action-button--variant_ghost:is(:disabled, [disabled], [data-disabled]) { - color: var(--seed-color-fg-disabled); + background: var(--seed-box-background, #fff0); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); --seed-prefix-icon-color: var(--seed-color-fg-disabled); --seed-suffix-icon-color: var(--seed-color-fg-disabled); --seed-icon-color: var(--seed-color-fg-disabled); - background: #fff0; } .seed-action-button--variant_ghost[data-loading] { - background: var(--seed-color-bg-layer-default-pressed); + background: var(--seed-box-background, var(--seed-color-bg-layer-default-pressed)); } .seed-action-button--size_xsmall { @@ -1303,19 +1303,19 @@ } .seed-toggle-button--variant_brandSolid { - background: var(--seed-color-bg-brand-solid); - color: var(--seed-color-palette-static-white); + background: var(--seed-box-background, var(--seed-color-bg-brand-solid)); + color: var(--seed-box-color, var(--seed-color-palette-static-white)); --track-color: var(--seed-color-palette-static-white-alpha-300); --range-color: var(--seed-color-palette-static-white); } .seed-toggle-button--variant_brandSolid:is(:active, [data-active]) { - background: var(--seed-color-bg-brand-solid-pressed); + background: var(--seed-box-background, var(--seed-color-bg-brand-solid-pressed)); } .seed-toggle-button--variant_brandSolid:is([aria-pressed="true"], [data-pressed]) { - background: var(--seed-color-bg-neutral-weak); - color: var(--seed-color-fg-neutral); + background: var(--seed-box-background, var(--seed-color-bg-neutral-weak)); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); --track-color: var(--seed-color-palette-gray-500); --range-color: var(--seed-color-fg-neutral); --seed-prefix-icon-color: var(--seed-color-fg-neutral); @@ -1323,22 +1323,22 @@ } .seed-toggle-button--variant_brandSolid:is([aria-pressed="true"], [data-pressed]):is(:active, [data-active]) { - background: var(--seed-color-bg-neutral-weak-pressed); + background: var(--seed-box-background, var(--seed-color-bg-neutral-weak-pressed)); } .seed-toggle-button--variant_brandSolid:is(:disabled, [disabled], [data-disabled]) { - background: var(--seed-color-bg-disabled); - color: var(--seed-color-fg-disabled); + background: var(--seed-box-background, var(--seed-color-bg-disabled)); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); --seed-prefix-icon-color: var(--seed-color-fg-disabled); --seed-suffix-icon-color: var(--seed-color-fg-disabled); } .seed-toggle-button--variant_brandSolid[data-loading] { - background: var(--seed-color-bg-brand-solid-pressed); + background: var(--seed-box-background, var(--seed-color-bg-brand-solid-pressed)); } .seed-toggle-button--variant_brandSolid:is([aria-pressed="true"], [data-pressed])[data-loading] { - background: var(--seed-color-bg-neutral-weak-pressed); + background: var(--seed-box-background, var(--seed-color-bg-neutral-weak-pressed)); } .seed-toggle-button--variant_brandSolid { @@ -1347,19 +1347,19 @@ } .seed-toggle-button--variant_neutralWeak { - background: var(--seed-color-bg-neutral-weak); - color: var(--seed-color-fg-neutral); + background: var(--seed-box-background, var(--seed-color-bg-neutral-weak)); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); --track-color: var(--seed-color-palette-gray-500); --range-color: var(--seed-color-fg-neutral); } .seed-toggle-button--variant_neutralWeak:is(:active, [data-active]) { - background: var(--seed-color-bg-neutral-weak-pressed); + background: var(--seed-box-background, var(--seed-color-bg-neutral-weak-pressed)); } .seed-toggle-button--variant_neutralWeak:is([aria-pressed="true"], [data-pressed]) { - background: var(--seed-color-bg-neutral-weak); - color: var(--seed-color-fg-neutral); + background: var(--seed-box-background, var(--seed-color-bg-neutral-weak)); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); --track-color: var(--seed-color-palette-gray-500); --range-color: var(--seed-color-fg-neutral); --seed-prefix-icon-color: var(--seed-color-fg-neutral); @@ -1367,18 +1367,18 @@ } .seed-toggle-button--variant_neutralWeak:is([aria-pressed="true"], [data-pressed]):is(:active, [data-active]) { - background: var(--seed-color-bg-neutral-weak-pressed); + background: var(--seed-box-background, var(--seed-color-bg-neutral-weak-pressed)); } .seed-toggle-button--variant_neutralWeak:is(:disabled, [disabled], [data-disabled]) { - background: var(--seed-color-bg-disabled); - color: var(--seed-color-fg-disabled); + background: var(--seed-box-background, var(--seed-color-bg-disabled)); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); --seed-prefix-icon-color: var(--seed-color-fg-disabled); --seed-suffix-icon-color: var(--seed-color-fg-disabled); } .seed-toggle-button--variant_neutralWeak[data-loading], .seed-toggle-button--variant_neutralWeak:is([aria-pressed="true"], [data-pressed])[data-loading] { - background: var(--seed-color-bg-neutral-weak-pressed); + background: var(--seed-box-background, var(--seed-color-bg-neutral-weak-pressed)); } .seed-toggle-button--variant_neutralWeak { @@ -1438,9 +1438,9 @@ .seed-reaction-button { transition: background-color var(--seed-duration-d4) var(--seed-timing-function-easing); - background: var(--seed-color-bg-neutral-weak); + background: var(--seed-box-background, var(--seed-color-bg-neutral-weak)); font-weight: var(--seed-font-weight-medium); - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); --track-color: var(--seed-color-palette-gray-500); --range-color: var(--seed-color-fg-neutral); --seed-count-font-weight: var(--seed-font-weight-bold); @@ -1448,36 +1448,36 @@ } .seed-reaction-button:is(:active, [data-active]) { - background: var(--seed-color-bg-neutral-weak-pressed); + background: var(--seed-box-background, var(--seed-color-bg-neutral-weak-pressed)); } .seed-reaction-button:is([aria-pressed="true"], [data-pressed]) { - background: var(--seed-color-bg-layer-default); - color: var(--seed-color-fg-brand); + background: var(--seed-box-background, var(--seed-color-bg-layer-default)); + color: var(--seed-box-color, var(--seed-color-fg-brand)); box-shadow: inset 0 0 0 1px var(--seed-color-stroke-brand); --seed-prefix-icon-color: var(--seed-color-fg-brand); --seed-count-color: var(--seed-color-fg-brand); } .seed-reaction-button:is([aria-pressed="true"], [data-pressed]):is(:active, [data-active]) { - background: var(--seed-color-bg-layer-default-pressed); + background: var(--seed-box-background, var(--seed-color-bg-layer-default-pressed)); } .seed-reaction-button:is(:disabled, [disabled], [data-disabled]) { cursor: not-allowed; - background: var(--seed-color-bg-disabled); - color: var(--seed-color-fg-disabled); + background: var(--seed-box-background, var(--seed-color-bg-disabled)); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); box-shadow: inset 0 0 0 0px var(--seed-color-stroke-brand); --seed-prefix-icon-color: var(--seed-color-fg-disabled); --seed-count-color: var(--seed-color-fg-disabled); } .seed-reaction-button[data-loading] { - background: var(--seed-color-bg-neutral-weak-pressed); + background: var(--seed-box-background, var(--seed-color-bg-neutral-weak-pressed)); } .seed-reaction-button:is([aria-pressed="true"], [data-pressed])[data-loading] { - background: var(--seed-color-bg-layer-default-pressed); + background: var(--seed-box-background, var(--seed-color-bg-layer-default-pressed)); box-shadow: inset 0 0 0 1px var(--seed-color-stroke-brand); --track-color: var(--seed-color-palette-carrot-200); --range-color: var(--seed-color-fg-brand); @@ -1525,7 +1525,7 @@ } .seed-bottom-sheet__backdrop { - background: var(--seed-color-bg-overlay); + background: var(--seed-box-background, var(--seed-color-bg-overlay)); z-index: calc(var(--sheet-z-index) + var(--layer-index, 0)); position: fixed; inset: 0; @@ -1556,7 +1556,7 @@ box-sizing: border-box; word-break: break-all; z-index: calc(var(--sheet-z-index) + var(--layer-index, 0)); - background: var(--seed-color-bg-layer-floating); + background: var(--seed-box-background, var(--seed-color-bg-layer-floating)); border-top-left-radius: var(--seed-radius-r6); border-top-right-radius: var(--seed-radius-r6); flex-direction: column; @@ -1595,7 +1595,7 @@ } .seed-bottom-sheet__title { - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); font-size: var(--seed-font-size-t8); line-height: var(--seed-line-height-t8); font-weight: var(--seed-font-weight-bold); @@ -1603,7 +1603,7 @@ } .seed-bottom-sheet__description { - color: var(--seed-color-fg-neutral-muted); + color: var(--seed-box-color, var(--seed-color-fg-neutral-muted)); font-size: var(--seed-font-size-t5); line-height: var(--seed-line-height-t5); font-weight: var(--seed-font-weight-regular); @@ -1640,7 +1640,7 @@ top: var(--seed-dimension-x5); right: var(--seed-dimension-x5); border-radius: var(--seed-radius-full); - background: var(--seed-color-bg-neutral-weak); + background: var(--seed-box-background, var(--seed-color-bg-neutral-weak)); --seed-icon-size: 14px; --seed-icon-color: var(--seed-color-fg-neutral); justify-content: center; @@ -1681,7 +1681,7 @@ } .seed-action-sheet__backdrop { - background: var(--seed-color-bg-overlay); + background: var(--seed-box-background, var(--seed-color-bg-overlay)); z-index: calc(var(--sheet-z-index) + var(--layer-index, 0)); position: fixed; inset: 0; @@ -1712,7 +1712,7 @@ box-sizing: border-box; word-break: break-all; z-index: calc(var(--sheet-z-index) + var(--layer-index, 0)); - background: var(--seed-color-bg-layer-floating); + background: var(--seed-box-background, var(--seed-color-bg-layer-floating)); border-top-left-radius: var(--seed-radius-r5); border-top-right-radius: var(--seed-radius-r5); flex-direction: column; @@ -1757,7 +1757,7 @@ content: ""; left: var(--seed-dimension-spacing-x-global-gutter); right: var(--seed-dimension-spacing-x-global-gutter); - background: var(--seed-color-stroke-neutral); + background: var(--seed-box-background, var(--seed-color-stroke-neutral)); height: 1px; display: block; position: absolute; @@ -1765,14 +1765,14 @@ } .seed-action-sheet__title { - color: var(--seed-color-fg-neutral-muted); + color: var(--seed-box-color, var(--seed-color-fg-neutral-muted)); font-size: var(--seed-font-size-t4); line-height: var(--seed-line-height-t4); font-weight: var(--seed-font-weight-bold); } .seed-action-sheet__description { - color: var(--seed-color-fg-neutral-muted); + color: var(--seed-box-color, var(--seed-color-fg-neutral-muted)); font-size: var(--seed-font-size-t3); line-height: var(--seed-line-height-t3); font-weight: var(--seed-font-weight-regular); @@ -1785,11 +1785,11 @@ } .seed-action-sheet__closeButton { - background-color: var(--seed-color-bg-layer-floating); + background-color: var(--seed-box-background, var(--seed-color-bg-layer-floating)); min-height: 50px; padding-inline: var(--seed-dimension-spacing-x-global-gutter); padding-block: var(--seed-dimension-x3_5); - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); font-size: var(--seed-font-size-t5); line-height: var(--seed-line-height-t5); font-weight: var(--seed-font-weight-bold); @@ -1799,11 +1799,11 @@ } .seed-action-sheet__closeButton:is(:active, [data-active]) { - background-color: var(--seed-color-bg-layer-floating-pressed); + background-color: var(--seed-box-background, var(--seed-color-bg-layer-floating-pressed)); } .seed-action-sheet-item { - background-color: var(--seed-color-bg-layer-floating); + background-color: var(--seed-box-background, var(--seed-color-bg-layer-floating)); min-height: 50px; padding-inline: var(--seed-dimension-spacing-x-global-gutter); padding-block: var(--seed-dimension-x3_5); @@ -1817,14 +1817,14 @@ } .seed-action-sheet-item:is(:active, [data-active]) { - background-color: var(--seed-color-bg-layer-floating-pressed); + background-color: var(--seed-box-background, var(--seed-color-bg-layer-floating-pressed)); } .seed-action-sheet-item:after { content: ""; left: var(--seed-dimension-spacing-x-global-gutter); right: var(--seed-dimension-spacing-x-global-gutter); - background: var(--seed-color-stroke-neutral); + background: var(--seed-box-background, var(--seed-color-stroke-neutral)); height: 1px; display: block; position: absolute; @@ -1832,11 +1832,11 @@ } .seed-action-sheet-item--tone_neutral { - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); } .seed-action-sheet-item--tone_critical { - color: var(--seed-color-fg-critical); + color: var(--seed-box-color, var(--seed-color-fg-critical)); } .seed-extended-action-sheet__positioner { @@ -1851,7 +1851,7 @@ } .seed-extended-action-sheet__backdrop { - background: var(--seed-color-bg-overlay); + background: var(--seed-box-background, var(--seed-color-bg-overlay)); z-index: calc(var(--sheet-z-index) + var(--layer-index, 0)); position: fixed; inset: 0; @@ -1882,7 +1882,7 @@ box-sizing: border-box; word-break: break-all; z-index: calc(var(--sheet-z-index) + var(--layer-index, 0)); - background: var(--seed-color-bg-layer-floating); + background: var(--seed-box-background, var(--seed-color-bg-layer-floating)); padding-inline: var(--seed-dimension-spacing-x-global-gutter); padding-block: var(--seed-dimension-x4); border-top-left-radius: var(--seed-radius-r5); @@ -1923,7 +1923,7 @@ } .seed-extended-action-sheet__title { - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); font-size: var(--seed-font-size-t6); line-height: var(--seed-line-height-t6); font-weight: var(--seed-font-weight-bold); @@ -1952,12 +1952,12 @@ } .seed-extended-action-sheet__closeButton { - background-color: var(--seed-color-bg-neutral-weak); + background-color: var(--seed-box-background, var(--seed-color-bg-neutral-weak)); min-height: 52px; padding-inline: var(--seed-dimension-x5); padding-block: var(--seed-dimension-x3_5); border-radius: var(--seed-radius-r3); - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); font-size: var(--seed-font-size-t5); line-height: var(--seed-line-height-t5); font-weight: var(--seed-font-weight-medium); @@ -1967,11 +1967,11 @@ } .seed-extended-action-sheet__closeButton:is(:active, [data-active]) { - background-color: var(--seed-color-bg-neutral-weak-pressed); + background-color: var(--seed-box-background, var(--seed-color-bg-neutral-weak-pressed)); } .seed-extended-action-sheet-item { - background-color: var(--seed-color-bg-neutral-weak); + background-color: var(--seed-box-background, var(--seed-color-bg-neutral-weak)); min-height: 52px; padding-inline: var(--seed-dimension-x4); padding-block: var(--seed-dimension-x3_5); @@ -1986,7 +1986,7 @@ } .seed-extended-action-sheet-item:is(:active, [data-active]) { - background-color: var(--seed-color-bg-neutral-weak-pressed); + background-color: var(--seed-box-background, var(--seed-color-bg-neutral-weak-pressed)); } .seed-extended-action-sheet-item:last-child { @@ -1998,12 +1998,12 @@ } .seed-extended-action-sheet-item--tone_neutral { - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); --seed-prefix-icon-color: var(--seed-color-fg-neutral); } .seed-extended-action-sheet-item--tone_critical { - color: var(--seed-color-fg-critical); + color: var(--seed-box-color, var(--seed-color-fg-critical)); --seed-prefix-icon-color: var(--seed-color-fg-critical); } @@ -2054,8 +2054,8 @@ } .seed-contextual-floating-button--variant_solid { - background: var(--seed-color-bg-neutral-inverted); - color: var(--seed-color-fg-neutral-inverted); + background: var(--seed-box-background, var(--seed-color-bg-neutral-inverted)); + color: var(--seed-box-color, var(--seed-color-fg-neutral-inverted)); --seed-icon-color: var(--seed-color-fg-neutral-inverted); --seed-prefix-icon-color: var(--seed-color-fg-neutral-inverted); --track-color: var(--seed-color-palette-gray-700); @@ -2063,23 +2063,23 @@ } .seed-contextual-floating-button--variant_solid:is(:active, [data-active]) { - background: var(--seed-color-bg-neutral-inverted-pressed); + background: var(--seed-box-background, var(--seed-color-bg-neutral-inverted-pressed)); } .seed-contextual-floating-button--variant_solid:is(:disabled, [disabled], [data-disabled]) { - background: var(--seed-color-bg-disabled); - color: var(--seed-color-fg-disabled); + background: var(--seed-box-background, var(--seed-color-bg-disabled)); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); --seed-prefix-icon-color: var(--seed-color-fg-disabled); --seed-icon-color: var(--seed-color-fg-disabled); } .seed-contextual-floating-button--variant_solid[data-loading] { - background: var(--seed-color-bg-neutral-inverted-pressed); + background: var(--seed-box-background, var(--seed-color-bg-neutral-inverted-pressed)); } .seed-contextual-floating-button--variant_layer { - background: var(--seed-color-bg-layer-floating); - color: var(--seed-color-fg-neutral); + background: var(--seed-box-background, var(--seed-color-bg-layer-floating)); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); --seed-icon-color: var(--seed-color-fg-neutral); --seed-prefix-icon-color: var(--seed-color-fg-neutral); --track-color: var(--seed-color-palette-gray-500); @@ -2087,18 +2087,18 @@ } .seed-contextual-floating-button--variant_layer:is(:active, [data-active]) { - background: var(--seed-color-bg-layer-floating-pressed); + background: var(--seed-box-background, var(--seed-color-bg-layer-floating-pressed)); } .seed-contextual-floating-button--variant_layer:is(:disabled, [disabled], [data-disabled]) { - background: var(--seed-color-bg-disabled); - color: var(--seed-color-fg-disabled); + background: var(--seed-box-background, var(--seed-color-bg-disabled)); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); --seed-prefix-icon-color: var(--seed-color-fg-disabled); --seed-icon-color: var(--seed-color-fg-disabled); } .seed-contextual-floating-button--variant_layer[data-loading] { - background: var(--seed-color-bg-layer-floating-pressed); + background: var(--seed-box-background, var(--seed-color-bg-layer-floating-pressed)); } .seed-contextual-floating-button--layout_withText { @@ -2138,9 +2138,9 @@ } .seed-floating-action-button__root { - background: var(--seed-color-bg-brand-solid); + background: var(--seed-box-background, var(--seed-color-bg-brand-solid)); border-radius: var(--seed-radius-full); - color: var(--seed-color-palette-static-white); + color: var(--seed-box-color, var(--seed-color-palette-static-white)); font-size: var(--seed-font-size-t5); line-height: var(--seed-line-height-t5); font-weight: var(--seed-font-weight-bold); @@ -2151,11 +2151,11 @@ } .seed-floating-action-button__root:is(:active, [data-active]) { - background: var(--seed-color-bg-brand-solid-pressed); + background: var(--seed-box-background, var(--seed-color-bg-brand-solid-pressed)); } .seed-floating-action-button__icon { - color: var(--seed-color-palette-static-white); + color: var(--seed-box-color, var(--seed-color-palette-static-white)); transition: margin-right var(--seed-duration-d4) var(--seed-timing-function-easing), width var(--seed-duration-d4) var(--seed-timing-function-easing), height var(--seed-duration-d4) var(--seed-timing-function-easing); flex-shrink: 0; justify-content: center; @@ -2226,7 +2226,7 @@ } .seed-fab { - background: var(--seed-color-bg-layer-floating); + background: var(--seed-box-background, var(--seed-color-bg-layer-floating)); border-radius: var(--seed-radius-full); --seed-icon-size: 22px; --seed-icon-color: var(--seed-color-fg-neutral); @@ -2236,7 +2236,7 @@ } .seed-fab:is(:active, [data-active]) { - background: var(--seed-color-bg-layer-floating-pressed); + background: var(--seed-box-background, var(--seed-color-bg-layer-floating-pressed)); } .seed-extended-fab { @@ -2270,12 +2270,12 @@ } .seed-extended-fab--variant_neutralSolid { - background: var(--seed-color-bg-neutral-inverted); - color: var(--seed-color-fg-neutral-inverted); + background: var(--seed-box-background, var(--seed-color-bg-neutral-inverted)); + color: var(--seed-box-color, var(--seed-color-fg-neutral-inverted)); } .seed-extended-fab--variant_neutralSolid:is(:active, [data-active]) { - background: var(--seed-color-bg-neutral-inverted-pressed); + background: var(--seed-box-background, var(--seed-color-bg-neutral-inverted-pressed)); } .seed-extended-fab--variant_neutralSolid { @@ -2283,12 +2283,12 @@ } .seed-extended-fab--variant_layerFloating { - background: var(--seed-color-bg-layer-floating); - color: var(--seed-color-fg-neutral); + background: var(--seed-box-background, var(--seed-color-bg-layer-floating)); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); } .seed-extended-fab--variant_layerFloating:is(:active, [data-active]) { - background: var(--seed-color-bg-layer-floating-pressed); + background: var(--seed-box-background, var(--seed-color-bg-layer-floating-pressed)); } .seed-extended-fab--variant_layerFloating { @@ -2356,86 +2356,86 @@ } .seed-badge--tone_neutral-variant_weak { - background-color: var(--seed-color-bg-neutral-weak); - color: var(--seed-color-fg-neutral-muted); + background-color: var(--seed-box-background, var(--seed-color-bg-neutral-weak)); + color: var(--seed-box-color, var(--seed-color-fg-neutral-muted)); } .seed-badge--tone_neutral-variant_solid { - background-color: var(--seed-color-palette-gray-800); - color: var(--seed-color-fg-neutral-inverted); + background-color: var(--seed-box-background, var(--seed-color-palette-gray-800)); + color: var(--seed-box-color, var(--seed-color-fg-neutral-inverted)); } .seed-badge--tone_neutral-variant_outline { box-shadow: inset 0 0 0 1px var(--seed-color-stroke-neutral); - color: var(--seed-color-fg-neutral-muted); + color: var(--seed-box-color, var(--seed-color-fg-neutral-muted)); } .seed-badge--tone_brand-variant_weak { - background-color: var(--seed-color-palette-carrot-100); - color: var(--seed-color-palette-carrot-900); + background-color: var(--seed-box-background, var(--seed-color-palette-carrot-100)); + color: var(--seed-box-color, var(--seed-color-palette-carrot-900)); } .seed-badge--tone_brand-variant_solid { - background-color: var(--seed-color-bg-brand-solid); - color: var(--seed-color-palette-static-white); + background-color: var(--seed-box-background, var(--seed-color-bg-brand-solid)); + color: var(--seed-box-color, var(--seed-color-palette-static-white)); } .seed-badge--tone_brand-variant_outline { box-shadow: inset 0 0 0 1px var(--seed-color-stroke-brand); - color: var(--seed-color-fg-brand); + color: var(--seed-box-color, var(--seed-color-fg-brand)); } .seed-badge--tone_informative-variant_weak { - background-color: var(--seed-color-bg-informative-weak); - color: var(--seed-color-fg-informative-contrast); + background-color: var(--seed-box-background, var(--seed-color-bg-informative-weak)); + color: var(--seed-box-color, var(--seed-color-fg-informative-contrast)); } .seed-badge--tone_informative-variant_solid { - background-color: var(--seed-color-bg-informative-solid); - color: var(--seed-color-palette-static-white); + background-color: var(--seed-box-background, var(--seed-color-bg-informative-solid)); + color: var(--seed-box-color, var(--seed-color-palette-static-white)); } .seed-badge--tone_informative-variant_outline { box-shadow: inset 0 0 0 1px var(--seed-color-stroke-informative); - color: var(--seed-color-fg-informative); + color: var(--seed-box-color, var(--seed-color-fg-informative)); } .seed-badge--tone_positive-variant_weak { - background-color: var(--seed-color-bg-positive-weak); - color: var(--seed-color-fg-positive-contrast); + background-color: var(--seed-box-background, var(--seed-color-bg-positive-weak)); + color: var(--seed-box-color, var(--seed-color-fg-positive-contrast)); } .seed-badge--tone_positive-variant_solid { - background-color: var(--seed-color-bg-positive-solid); - color: var(--seed-color-palette-static-white); + background-color: var(--seed-box-background, var(--seed-color-bg-positive-solid)); + color: var(--seed-box-color, var(--seed-color-palette-static-white)); } .seed-badge--tone_positive-variant_outline { box-shadow: inset 0 0 0 1px var(--seed-color-stroke-positive); - color: var(--seed-color-fg-positive); + color: var(--seed-box-color, var(--seed-color-fg-positive)); } .seed-badge--tone_critical-variant_weak { - background-color: var(--seed-color-bg-critical-weak); - color: var(--seed-color-fg-critical-contrast); + background-color: var(--seed-box-background, var(--seed-color-bg-critical-weak)); + color: var(--seed-box-color, var(--seed-color-fg-critical-contrast)); } .seed-badge--tone_critical-variant_solid { - background-color: var(--seed-color-bg-critical-solid); - color: var(--seed-color-palette-static-white); + background-color: var(--seed-box-background, var(--seed-color-bg-critical-solid)); + color: var(--seed-box-color, var(--seed-color-palette-static-white)); } .seed-badge--tone_critical-variant_outline { box-shadow: inset 0 0 0 1px var(--seed-color-stroke-critical); - color: var(--seed-color-fg-critical); + color: var(--seed-box-color, var(--seed-color-fg-critical)); } .seed-radio__root { box-sizing: border-box; - background-color: var(--seed-color-bg-layer-default); + background-color: var(--seed-box-background, var(--seed-color-bg-layer-default)); border-style: solid; border-width: 1px; - border-color: var(--seed-color-stroke-control); + border-color: var(--seed-box-border-color, var(--seed-color-stroke-control)); border-radius: var(--seed-radius-full); flex: none; justify-content: center; @@ -2444,25 +2444,25 @@ } .seed-radio__root:is(:active, [data-active]) { - background-color: var(--seed-color-bg-layer-default-pressed); + background-color: var(--seed-box-background, var(--seed-color-bg-layer-default-pressed)); } .seed-radio__root:is(:checked, [data-checked]) { - background-color: var(--seed-color-bg-brand-solid); + background-color: var(--seed-box-background, var(--seed-color-bg-brand-solid)); border-width: 0; } .seed-radio__root:is(:active, [data-active]):is(:checked, [data-checked]) { - background-color: var(--seed-color-bg-brand-solid-pressed); + background-color: var(--seed-box-background, var(--seed-color-bg-brand-solid-pressed)); } .seed-radio__root:is(:disabled, [disabled], [data-disabled]) { - background-color: var(--seed-color-palette-gray-300); + background-color: var(--seed-box-background, var(--seed-color-palette-gray-300)); } .seed-radio__root:is(:disabled, [disabled], [data-disabled]):is(:checked, [data-checked]) { - background-color: none; - border-color: var(--seed-color-palette-gray-300); + background-color: var(--seed-box-background, none); + border-color: var(--seed-box-border-color, var(--seed-color-palette-gray-300)); } .seed-radio__icon { @@ -2471,12 +2471,12 @@ } .seed-radio__icon:is(:checked, [data-checked]) { - background-color: var(--seed-color-palette-static-white); + background-color: var(--seed-box-background, var(--seed-color-palette-static-white)); display: block; } .seed-radio__icon:is(:disabled, [disabled], [data-disabled]):is(:checked, [data-checked]) { - background-color: var(--seed-color-palette-gray-300); + background-color: var(--seed-box-background, var(--seed-color-palette-gray-300)); } .seed-radio__root--size_large { @@ -2521,7 +2521,7 @@ } .seed-dialog__backdrop { - background: var(--seed-color-bg-overlay); + background: var(--seed-box-background, var(--seed-color-bg-overlay)); z-index: calc(var(--dialog-z-index) + var(--layer-index, 0)); position: fixed; inset: 0; @@ -2552,7 +2552,7 @@ box-sizing: border-box; word-break: break-all; z-index: calc(var(--dialog-z-index) + var(--layer-index, 0)); - background: var(--seed-color-bg-layer-floating); + background: var(--seed-box-background, var(--seed-color-bg-layer-floating)); max-width: 272px; margin: auto var(--seed-dimension-x8); border-radius: var(--seed-radius-r5); @@ -2592,7 +2592,7 @@ } .seed-dialog__title { - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); font-size: var(--seed-font-size-t7); line-height: var(--seed-line-height-t7); font-weight: var(--seed-font-weight-bold); @@ -2600,7 +2600,7 @@ } .seed-dialog__description { - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); font-size: var(--seed-font-size-t5); line-height: var(--seed-line-height-t5); font-weight: var(--seed-font-weight-regular); @@ -2649,7 +2649,7 @@ } .seed-checkbox__label { - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); } .seed-checkbox__label--weight_default { @@ -2663,72 +2663,72 @@ .seed-checkbox__control--variant_square { border-style: solid; border-width: 1px; - border-color: var(--seed-color-stroke-control); + border-color: var(--seed-box-border-color, var(--seed-color-stroke-control)); } .seed-checkbox__control--variant_square:is(:checked, :indeterminate, [data-checked], [data-indeterminate]) { - background: var(--seed-color-bg-brand-solid); + background: var(--seed-box-background, var(--seed-color-bg-brand-solid)); border-width: 0; } .seed-checkbox__control--variant_square:is(:active, [data-active]) { - background: var(--seed-color-bg-layer-default-pressed); + background: var(--seed-box-background, var(--seed-color-bg-layer-default-pressed)); } .seed-checkbox__control--variant_square:is(:active, [data-active]):is(:checked, :indeterminate, [data-checked], [data-indeterminate]) { - background: var(--seed-color-bg-brand-solid-pressed); + background: var(--seed-box-background, var(--seed-color-bg-brand-solid-pressed)); } .seed-checkbox__control--variant_square:is(:disabled, [disabled], [data-disabled]) { - background: var(--seed-color-bg-disabled); - border-color: var(--seed-color-stroke-neutral); + background: var(--seed-box-background, var(--seed-color-bg-disabled)); + border-color: var(--seed-box-border-color, var(--seed-color-stroke-neutral)); } .seed-checkbox__control--variant_square:is(:disabled, [disabled], [data-disabled]):is(:active, [data-active]) { - background: var(--seed-color-bg-disabled); + background: var(--seed-box-background, var(--seed-color-bg-disabled)); } .seed-checkbox__icon--variant_square:is(:checked, :indeterminate, [data-checked], [data-indeterminate]) { - color: var(--seed-color-palette-static-white); + color: var(--seed-box-color, var(--seed-color-palette-static-white)); display: block; } .seed-checkbox__icon--variant_square:is(:disabled, [disabled], [data-disabled]):is(:checked, :indeterminate, [data-checked], [data-indeterminate]) { - color: var(--seed-color-fg-disabled); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); display: block; } .seed-checkbox__label--variant_square:is(:disabled, [disabled], [data-disabled]) { - color: var(--seed-color-fg-disabled); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); } .seed-checkbox__control--variant_ghost, .seed-checkbox__control--variant_ghost:is(:checked, :indeterminate, [data-checked], [data-indeterminate]) { - background: none; + background: var(--seed-box-background, none); } .seed-checkbox__control--variant_ghost:is(:active, [data-active]) { - background: var(--seed-color-bg-layer-default-pressed); + background: var(--seed-box-background, var(--seed-color-bg-layer-default-pressed)); } .seed-checkbox__control--variant_ghost:is(:active, [data-active]):is(:checked, :indeterminate, [data-checked], [data-indeterminate]) { - background: var(--seed-color-palette-carrot-200); + background: var(--seed-box-background, var(--seed-color-palette-carrot-200)); } .seed-checkbox__control--variant_ghost:is(:disabled, [disabled], [data-disabled]):is(:checked, :indeterminate, [data-checked], [data-indeterminate]), .seed-checkbox__control--variant_ghost:is(:disabled, [disabled], [data-disabled]):is(:active, [data-active]) { - background: none; + background: var(--seed-box-background, none); } .seed-checkbox__icon--variant_ghost { - color: var(--seed-color-fg-placeholder); + color: var(--seed-box-color, var(--seed-color-fg-placeholder)); display: block; } .seed-checkbox__icon--variant_ghost:is(:checked, :indeterminate, [data-checked], [data-indeterminate]) { - color: var(--seed-color-fg-brand); + color: var(--seed-box-color, var(--seed-color-fg-brand)); } .seed-checkbox__icon--variant_ghost:is(:disabled, [disabled], [data-disabled]):is(:checked, :indeterminate, [data-checked], [data-indeterminate]), .seed-checkbox__icon--variant_ghost:is(:disabled, [disabled], [data-disabled]), .seed-checkbox__label--variant_ghost:is(:disabled, [disabled], [data-disabled]) { - color: var(--seed-color-fg-disabled); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); } .seed-checkbox__root--size_large { @@ -2797,8 +2797,8 @@ line-height: 1; font-weight: var(--seed-font-weight-medium); border-radius: var(--seed-radius-full); - background: var(--seed-color-bg-neutral-weak); - color: var(--seed-color-fg-neutral); + background: var(--seed-box-background, var(--seed-color-bg-neutral-weak)); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); --seed-prefix-icon-color: var(--seed-color-fg-neutral); --seed-suffix-icon-color: var(--seed-color-fg-neutral-subtle); --seed-icon-color: var(--seed-color-fg-neutral); @@ -2812,7 +2812,7 @@ } .seed-action-chip:is(:active, [data-active]) { - background: var(--seed-color-bg-neutral-weak-pressed); + background: var(--seed-box-background, var(--seed-color-bg-neutral-weak-pressed)); } .seed-action-chip:is(:focus, [data-focus]) { @@ -2820,8 +2820,8 @@ } .seed-action-chip:is(:disabled, [disabled], [data-disabled]) { - background: var(--seed-color-bg-disabled); - color: var(--seed-color-fg-disabled); + background: var(--seed-box-background, var(--seed-color-bg-disabled)); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); cursor: not-allowed; --seed-prefix-icon-color: var(--seed-color-fg-disabled); --seed-suffix-icon-color: var(--seed-color-fg-disabled); @@ -2903,7 +2903,7 @@ .seed-chip__label { font-weight: var(--seed-font-weight-medium); padding-inline: var(--seed-dimension-x1_5); - color: inherit; + color: var(--seed-box-color, inherit); justify-content: center; align-items: center; display: inline-flex; @@ -2932,26 +2932,26 @@ } .seed-chip__root--variant_solid { - background: var(--seed-color-bg-neutral-weak); - color: var(--seed-color-fg-neutral); + background: var(--seed-box-background, var(--seed-color-bg-neutral-weak)); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); } .seed-chip__root--variant_solid:is(:checked, [data-checked]) { box-shadow: none; - background: var(--seed-color-bg-neutral-inverted); - color: var(--seed-color-fg-neutral-inverted); + background: var(--seed-box-background, var(--seed-color-bg-neutral-inverted)); + color: var(--seed-box-color, var(--seed-color-fg-neutral-inverted)); --seed-icon-color: var(--seed-color-fg-neutral-inverted); } .seed-chip__root--variant_solid:is(:active, [data-active]):not(:is(:disabled, [disabled], [data-disabled])) { - background: var(--seed-color-bg-neutral-weak-pressed); - color: var(--seed-color-fg-neutral); + background: var(--seed-box-background, var(--seed-color-bg-neutral-weak-pressed)); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); --seed-icon-color: var(--seed-color-fg-neutral); } .seed-chip__root--variant_solid:is(:checked, [data-checked]):is(:active, [data-active]):not(:is(:disabled, [disabled], [data-disabled])) { - background: var(--seed-color-bg-neutral-inverted-pressed); - color: var(--seed-color-fg-neutral-inverted); + background: var(--seed-box-background, var(--seed-color-bg-neutral-inverted-pressed)); + color: var(--seed-box-color, var(--seed-color-fg-neutral-inverted)); --seed-icon-color: var(--seed-color-fg-neutral-inverted); } @@ -2964,26 +2964,26 @@ } .seed-chip__root--variant_outlineStrong { - background: var(--seed-color-bg-layer-default); + background: var(--seed-box-background, var(--seed-color-bg-layer-default)); box-shadow: inset 0 0 0 1px var(--seed-color-stroke-neutral); - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); } .seed-chip__root--variant_outlineStrong:is(:active, [data-active]):not(:is(:disabled, [disabled], [data-disabled])) { - background: var(--seed-color-bg-layer-default-pressed); - color: var(--seed-color-fg-neutral); + background: var(--seed-box-background, var(--seed-color-bg-layer-default-pressed)); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); --seed-icon-color: var(--seed-color-fg-neutral); } .seed-chip__root--variant_outlineStrong:is(:checked, [data-checked]) { - background: var(--seed-color-bg-neutral-inverted); - color: var(--seed-color-fg-neutral-inverted); + background: var(--seed-box-background, var(--seed-color-bg-neutral-inverted)); + color: var(--seed-box-color, var(--seed-color-fg-neutral-inverted)); --seed-icon-color: var(--seed-color-fg-neutral-inverted); } .seed-chip__root--variant_outlineStrong:is(:checked, [data-checked]):is(:active, [data-active]):not(:is(:disabled, [disabled], [data-disabled])) { - background: var(--seed-color-bg-neutral-inverted-pressed); - color: var(--seed-color-fg-neutral-inverted); + background: var(--seed-box-background, var(--seed-color-bg-neutral-inverted-pressed)); + color: var(--seed-box-color, var(--seed-color-fg-neutral-inverted)); --seed-icon-color: var(--seed-color-fg-neutral-inverted); } @@ -2996,29 +2996,29 @@ } .seed-chip__root--variant_outlineWeak { - background: var(--seed-color-bg-layer-default); + background: var(--seed-box-background, var(--seed-color-bg-layer-default)); box-shadow: inset 0 0 0 1px var(--seed-color-stroke-neutral); - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); } .seed-chip__root--variant_outlineWeak:is(:active, [data-active]):not(:is(:disabled, [disabled], [data-disabled])) { - background: var(--seed-color-bg-layer-default-pressed); + background: var(--seed-box-background, var(--seed-color-bg-layer-default-pressed)); box-shadow: inset 0 0 0 1px var(--seed-color-stroke-neutral); - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); --seed-icon-color: var(--seed-color-fg-neutral); } .seed-chip__root--variant_outlineWeak:is(:checked, [data-checked]) { - background: var(--seed-color-bg-neutral-weak); + background: var(--seed-box-background, var(--seed-color-bg-neutral-weak)); box-shadow: inset 0 0 0 1px var(--seed-color-stroke-field-focused); - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); --seed-icon-color: var(--seed-color-fg-neutral); } .seed-chip__root--variant_outlineWeak:is(:checked, [data-checked]):is(:active, [data-active]):not(:is(:disabled, [disabled], [data-disabled])) { - background: var(--seed-color-bg-neutral-weak-pressed); + background: var(--seed-box-background, var(--seed-color-bg-neutral-weak-pressed)); box-shadow: inset 0 0 0 1px var(--seed-color-stroke-field-focused); - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); --seed-icon-color: var(--seed-color-fg-neutral); } @@ -3101,7 +3101,7 @@ -moz-osx-font-smoothing: grayscale; border-radius: var(--seed-radius-full); box-shadow: inset 0 0 0 1px var(--seed-color-stroke-neutral); - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); line-height: 1; font-weight: var(--seed-font-weight-medium); --seed-prefix-icon-color: var(--seed-color-fg-neutral); @@ -3121,13 +3121,13 @@ } .seed-control-chip:is(:active, [data-active]) { - background: var(--seed-color-bg-layer-default-pressed); + background: var(--seed-box-background, var(--seed-color-bg-layer-default-pressed)); } .seed-control-chip:is(:checked, [data-checked]) { box-shadow: none; - background: var(--seed-color-bg-neutral-solid-muted); - color: var(--seed-color-palette-static-white); + background: var(--seed-box-background, var(--seed-color-bg-neutral-solid-muted)); + color: var(--seed-box-color, var(--seed-color-palette-static-white)); font-weight: var(--seed-font-weight-bold); --seed-prefix-icon-color: var(--seed-color-palette-static-white); --seed-suffix-icon-color: var(--seed-color-palette-static-white); @@ -3136,13 +3136,13 @@ } .seed-control-chip:is(:checked, [data-checked]):is(:active, [data-active]) { - background: var(--seed-color-bg-neutral-solid-muted-pressed); + background: var(--seed-box-background, var(--seed-color-bg-neutral-solid-muted-pressed)); } .seed-control-chip:is(:disabled, [disabled], [data-disabled]) { cursor: not-allowed; - background: var(--seed-color-bg-disabled); - color: var(--seed-color-fg-disabled); + background: var(--seed-box-background, var(--seed-color-bg-disabled)); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); --seed-prefix-icon-color: var(--seed-color-fg-disabled); --seed-suffix-icon-color: var(--seed-color-fg-disabled); --seed-icon-color: var(--seed-color-fg-disabled); @@ -3234,13 +3234,13 @@ } .seed-callout__link { + background-color: var(--seed-box-background, transparent); cursor: pointer; font-family: inherit; font-size: var(--seed-font-size-t4); line-height: var(--seed-line-height-t4); font-weight: var(--seed-font-weight-regular); text-underline-offset: 2px; - background-color: #0000; border: none; padding: 0; text-decoration: underline; @@ -3248,11 +3248,11 @@ } .seed-callout__closeButton { + background-color: var(--seed-box-background, transparent); cursor: pointer; width: var(--seed-dimension-x10); height: var(--seed-dimension-x10); margin: calc((var(--seed-dimension-x10) - var(--seed-dimension-x4)) * -.5); - background-color: #0000; border: none; flex-grow: 0; flex-shrink: 0; @@ -3263,59 +3263,59 @@ } .seed-callout__root--tone_neutral { - background-color: var(--seed-color-bg-neutral-weak); + background-color: var(--seed-box-background, var(--seed-color-bg-neutral-weak)); --seed-prefix-icon-color: var(--seed-color-fg-neutral); --seed-suffix-icon-color: var(--seed-color-fg-neutral); } .seed-callout__root--tone_neutral:is(button):is(:active, [data-active]) { - background-color: var(--seed-color-bg-neutral-weak-pressed); + background-color: var(--seed-box-background, var(--seed-color-bg-neutral-weak-pressed)); } .seed-callout__title--tone_neutral, .seed-callout__description--tone_neutral, .seed-callout__link--tone_neutral { - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); } .seed-callout__root--tone_informative { - background-color: var(--seed-color-bg-informative-weak); + background-color: var(--seed-box-background, var(--seed-color-bg-informative-weak)); --seed-prefix-icon-color: var(--seed-color-fg-informative-contrast); --seed-suffix-icon-color: var(--seed-color-fg-informative-contrast); } .seed-callout__root--tone_informative:is(button):is(:active, [data-active]) { - background-color: var(--seed-color-bg-informative-weak-pressed); + background-color: var(--seed-box-background, var(--seed-color-bg-informative-weak-pressed)); } .seed-callout__title--tone_informative, .seed-callout__description--tone_informative, .seed-callout__link--tone_informative { - color: var(--seed-color-fg-informative-contrast); + color: var(--seed-box-color, var(--seed-color-fg-informative-contrast)); } .seed-callout__root--tone_warning { - background-color: var(--seed-color-bg-warning-weak); + background-color: var(--seed-box-background, var(--seed-color-bg-warning-weak)); --seed-prefix-icon-color: var(--seed-color-fg-warning-contrast); --seed-suffix-icon-color: var(--seed-color-fg-warning-contrast); } .seed-callout__root--tone_warning:is(button):is(:active, [data-active]) { - background-color: var(--seed-color-bg-warning-weak-pressed); + background-color: var(--seed-box-background, var(--seed-color-bg-warning-weak-pressed)); } .seed-callout__title--tone_warning, .seed-callout__description--tone_warning, .seed-callout__link--tone_warning { - color: var(--seed-color-fg-warning-contrast); + color: var(--seed-box-color, var(--seed-color-fg-warning-contrast)); } .seed-callout__root--tone_critical { - background-color: var(--seed-color-bg-critical-weak); + background-color: var(--seed-box-background, var(--seed-color-bg-critical-weak)); --seed-prefix-icon-color: var(--seed-color-fg-critical-contrast); --seed-suffix-icon-color: var(--seed-color-fg-critical-contrast); } .seed-callout__root--tone_critical:is(button):is(:active, [data-active]) { - background-color: var(--seed-color-bg-critical-weak-pressed); + background-color: var(--seed-box-background, var(--seed-color-bg-critical-weak-pressed)); } .seed-callout__title--tone_critical, .seed-callout__description--tone_critical, .seed-callout__link--tone_critical { - color: var(--seed-color-fg-critical-contrast); + color: var(--seed-box-color, var(--seed-color-fg-critical-contrast)); } .seed-callout__root--tone_magic { @@ -3329,7 +3329,7 @@ } .seed-callout__title--tone_magic, .seed-callout__description--tone_magic, .seed-callout__link--tone_magic { - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); } .seed-manner-temp { @@ -3345,27 +3345,27 @@ } .seed-manner-temp--level_l1 { - color: var(--seed-color-manner-temp-l1-text); + color: var(--seed-box-color, var(--seed-color-manner-temp-l1-text)); } .seed-manner-temp--level_l2 { - color: var(--seed-color-manner-temp-l2-text); + color: var(--seed-box-color, var(--seed-color-manner-temp-l2-text)); } .seed-manner-temp--level_l3 { - color: var(--seed-color-manner-temp-l3-text); + color: var(--seed-box-color, var(--seed-color-manner-temp-l3-text)); } .seed-manner-temp--level_l4 { - color: var(--seed-color-manner-temp-l4-text); + color: var(--seed-box-color, var(--seed-color-manner-temp-l4-text)); } .seed-manner-temp--level_l5 { - color: var(--seed-color-manner-temp-l5-text); + color: var(--seed-box-color, var(--seed-color-manner-temp-l5-text)); } .seed-manner-temp--level_l6 { - color: var(--seed-color-manner-temp-l6-text); + color: var(--seed-box-color, var(--seed-color-manner-temp-l6-text)); } .seed-manner-temp-badge { @@ -3388,33 +3388,33 @@ } .seed-manner-temp-badge--level_l1 { - background-color: var(--seed-color-manner-temp-l1-bg); - color: var(--seed-color-manner-temp-l1-text); + background-color: var(--seed-box-background, var(--seed-color-manner-temp-l1-bg)); + color: var(--seed-box-color, var(--seed-color-manner-temp-l1-text)); } .seed-manner-temp-badge--level_l2 { - background-color: var(--seed-color-manner-temp-l2-bg); - color: var(--seed-color-manner-temp-l2-text); + background-color: var(--seed-box-background, var(--seed-color-manner-temp-l2-bg)); + color: var(--seed-box-color, var(--seed-color-manner-temp-l2-text)); } .seed-manner-temp-badge--level_l3 { - background-color: var(--seed-color-manner-temp-l3-bg); - color: var(--seed-color-manner-temp-l3-text); + background-color: var(--seed-box-background, var(--seed-color-manner-temp-l3-bg)); + color: var(--seed-box-color, var(--seed-color-manner-temp-l3-text)); } .seed-manner-temp-badge--level_l4 { - background-color: var(--seed-color-manner-temp-l4-bg); - color: var(--seed-color-manner-temp-l4-text); + background-color: var(--seed-box-background, var(--seed-color-manner-temp-l4-bg)); + color: var(--seed-box-color, var(--seed-color-manner-temp-l4-text)); } .seed-manner-temp-badge--level_l5 { - background-color: var(--seed-color-manner-temp-l5-bg); - color: var(--seed-color-manner-temp-l5-text); + background-color: var(--seed-box-background, var(--seed-color-manner-temp-l5-bg)); + color: var(--seed-box-color, var(--seed-color-manner-temp-l5-text)); } .seed-manner-temp-badge--level_l6 { - background-color: var(--seed-color-manner-temp-l6-bg); - color: var(--seed-color-manner-temp-l6-text); + background-color: var(--seed-box-background, var(--seed-color-manner-temp-l6-bg)); + color: var(--seed-box-color, var(--seed-color-manner-temp-l6-text)); } .seed-segmented-control__root { @@ -3423,7 +3423,7 @@ max-width: 100%; padding: var(--seed-dimension-x1); border-radius: var(--seed-radius-full); - background-color: var(--seed-color-bg-neutral-weak); + background-color: var(--seed-box-background, var(--seed-color-bg-neutral-weak)); isolation: isolate; grid-auto-columns: 1fr; grid-auto-flow: column; @@ -3439,7 +3439,7 @@ inset-block: var(--seed-dimension-x1); width: calc((100% - var(--seed-dimension-x1) * 2) / var(--segment-count)); border-radius: var(--seed-radius-full); - background-color: var(--seed-color-bg-layer-default); + background-color: var(--seed-box-background, var(--seed-color-bg-layer-default)); transition: transform var(--seed-duration-d4) var(--seed-timing-function-easing); position: absolute; inset-inline-start: var(--seed-dimension-x1); @@ -3459,24 +3459,24 @@ font-weight: var(--seed-font-weight-medium); font-size: var(--seed-font-size-t5); line-height: var(--seed-line-height-t5); - color: var(--seed-color-fg-neutral-muted); + color: var(--seed-box-color, var(--seed-color-fg-neutral-muted)); justify-content: center; align-items: center; display: flex; } .seed-segmented-control__item:is(:checked, [data-checked]) { - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); font-weight: var(--seed-font-weight-bold); } .seed-segmented-control__item:is(:disabled, [disabled], [data-disabled]) { cursor: not-allowed; - color: var(--seed-color-fg-disabled); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); } .seed-segmented-control__item:not(:is(:checked, [data-checked])):is(:active, [data-active]) { - background-color: var(--seed-color-bg-neutral-weak-pressed); + background-color: var(--seed-box-background, var(--seed-color-bg-neutral-weak-pressed)); } .seed-select-box-group { @@ -3498,16 +3498,16 @@ } .seed-select-box__root:is(:active, [data-active]) { - background-color: var(--seed-color-bg-layer-default-pressed); + background-color: var(--seed-box-background, var(--seed-color-bg-layer-default-pressed)); } .seed-select-box__root:is(:checked, [data-checked]) { - background-color: var(--seed-color-bg-neutral-weak); + background-color: var(--seed-box-background, var(--seed-color-bg-neutral-weak)); box-shadow: inset 0 0 0 1px var(--seed-color-stroke-control); } .seed-select-box__root:is(:checked, [data-checked]):is(:active, [data-active]) { - background-color: var(--seed-color-bg-neutral-weak-pressed); + background-color: var(--seed-box-background, var(--seed-color-bg-neutral-weak-pressed)); } .seed-select-box__content { @@ -3520,10 +3520,10 @@ box-sizing: border-box; width: var(--seed-dimension-x6); height: var(--seed-dimension-x6); - background-color: var(--seed-color-bg-layer-default); + background-color: var(--seed-box-background, var(--seed-color-bg-layer-default)); border-style: solid; border-width: 1px; - border-color: var(--seed-color-stroke-control); + border-color: var(--seed-box-border-color, var(--seed-color-stroke-control)); border-radius: var(--seed-radius-r1); flex: none; justify-content: center; @@ -3532,16 +3532,16 @@ } .seed-select-box__checkboxControl:is(:active, [data-active]) { - background-color: var(--seed-color-bg-layer-default-pressed); + background-color: var(--seed-box-background, var(--seed-color-bg-layer-default-pressed)); } .seed-select-box__checkboxControl:is(:checked, [data-checked]) { - background-color: var(--seed-color-bg-brand-solid); + background-color: var(--seed-box-background, var(--seed-color-bg-brand-solid)); border-width: 0; } .seed-select-box__checkboxControl:is(:checked, [data-checked]):is(:active, [data-active]) { - background-color: var(--seed-color-bg-brand-solid-pressed); + background-color: var(--seed-box-background, var(--seed-color-bg-brand-solid-pressed)); } .seed-select-box__checkboxIcon { @@ -3551,7 +3551,7 @@ } .seed-select-box__checkboxIcon:is(:checked, [data-checked]) { - color: var(--seed-color-palette-static-white); + color: var(--seed-box-color, var(--seed-color-palette-static-white)); display: block; } @@ -3559,10 +3559,10 @@ box-sizing: border-box; width: var(--seed-dimension-x6); height: var(--seed-dimension-x6); - background-color: var(--seed-color-bg-layer-default); + background-color: var(--seed-box-background, var(--seed-color-bg-layer-default)); border-style: solid; border-width: 1px; - border-color: var(--seed-color-stroke-control); + border-color: var(--seed-box-border-color, var(--seed-color-stroke-control)); border-radius: var(--seed-radius-full); flex: none; justify-content: center; @@ -3571,16 +3571,16 @@ } .seed-select-box__radioControl:is(:active, [data-active]) { - background-color: var(--seed-color-bg-layer-default-pressed); + background-color: var(--seed-box-background, var(--seed-color-bg-layer-default-pressed)); } .seed-select-box__radioControl:is(:checked, [data-checked]) { - background-color: var(--seed-color-bg-brand-solid); + background-color: var(--seed-box-background, var(--seed-color-bg-brand-solid)); border-width: 0; } .seed-select-box__radioControl:is(:checked, [data-checked]):is(:active, [data-active]) { - background-color: var(--seed-color-bg-brand-solid-pressed); + background-color: var(--seed-box-background, var(--seed-color-bg-brand-solid-pressed)); } .seed-select-box__radioIcon { @@ -3591,20 +3591,20 @@ } .seed-select-box__radioIcon:is(:checked, [data-checked]) { - background-color: var(--seed-color-palette-static-white); - color: var(--seed-color-palette-static-white); + background-color: var(--seed-box-background, var(--seed-color-palette-static-white)); + color: var(--seed-box-color, var(--seed-color-palette-static-white)); display: block; } .seed-select-box__label { - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); font-weight: var(--seed-font-weight-bold); font-size: var(--seed-font-size-t5); line-height: var(--seed-line-height-t5); } .seed-select-box__description { - color: var(--seed-color-fg-neutral-muted); + color: var(--seed-box-color, var(--seed-color-fg-neutral-muted)); font-weight: var(--seed-font-weight-regular); font-size: var(--seed-font-size-t4); line-height: var(--seed-line-height-t4); @@ -3630,19 +3630,19 @@ .seed-switch__control { box-sizing: border-box; border-radius: var(--seed-radius-full); - background: var(--seed-color-palette-gray-600); + background: var(--seed-box-background, var(--seed-color-palette-gray-600)); transition: background-color 50ms cubic-bezier(.35, 0, .35, 1) 20ms; display: block; position: relative; } .seed-switch__control:is(:checked, [data-checked]) { - background: var(--seed-color-bg-brand-solid); + background: var(--seed-box-background, var(--seed-color-bg-brand-solid)); } .seed-switch__thumb { border-radius: var(--seed-radius-full); - background: var(--seed-color-palette-static-white); + background: var(--seed-box-background, var(--seed-color-palette-static-white)); transition: transform .15s cubic-bezier(.35, 0, .35, 1); } @@ -3695,7 +3695,7 @@ } .seed-help-bubble__content { - background: var(--seed-color-bg-neutral-solid); + background: var(--seed-box-background, var(--seed-color-bg-neutral-solid)); padding-inline: var(--seed-dimension-x3); padding-block: var(--seed-dimension-x2_5); border-radius: var(--seed-radius-r3); @@ -3740,21 +3740,21 @@ } .seed-help-bubble__title { - color: var(--seed-color-palette-static-white); + color: var(--seed-box-color, var(--seed-color-palette-static-white)); font-size: var(--seed-font-size-t3); font-weight: var(--seed-font-weight-bold); line-height: var(--seed-line-height-t3); } .seed-help-bubble__description { - color: var(--seed-color-palette-static-white); + color: var(--seed-box-color, var(--seed-color-palette-static-white)); font-size: var(--seed-font-size-t3); font-weight: var(--seed-font-weight-regular); line-height: var(--seed-line-height-t3); } .seed-help-bubble__closeButton { - color: var(--seed-color-palette-static-white); + color: var(--seed-box-color, var(--seed-color-palette-static-white)); --seed-icon-size: 14px; --seed-icon-color: var(--seed-color-palette-static-white); justify-content: center; @@ -3770,7 +3770,7 @@ .seed-identity-placeholder__root { box-sizing: border-box; vertical-align: top; - background-color: var(--seed-color-palette-gray-400); + background-color: var(--seed-box-background, var(--seed-color-palette-gray-400)); justify-content: center; align-items: center; width: 100%; @@ -3834,6 +3834,7 @@ } .seed-inline-banner__link { + background-color: var(--seed-box-background, transparent); cursor: pointer; margin-left: var(--seed-dimension-x4); font-family: inherit; @@ -3841,7 +3842,6 @@ line-height: var(--seed-line-height-t2); font-weight: var(--seed-font-weight-regular); text-underline-offset: 2px; - background-color: #0000; border: none; flex-grow: 0; flex-shrink: 0; @@ -3858,8 +3858,8 @@ margin-left: calc((var(--seed-dimension-x10) - var(--seed-dimension-x4)) * -.5 + var(--seed-dimension-x4)); --seed-suffix-icon-margin-top: initial; --seed-suffix-icon-margin-left: initial; + background-color: var(--seed-box-background, transparent); cursor: pointer; - background-color: #0000; border: none; flex-grow: 0; flex-shrink: 0; @@ -3870,80 +3870,80 @@ } .seed-inline-banner__root--variant_neutralWeak { - background-color: var(--seed-color-bg-neutral-weak); - color: var(--seed-color-fg-neutral); + background-color: var(--seed-box-background, var(--seed-color-bg-neutral-weak)); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); --seed-prefix-icon-color: var(--seed-color-fg-neutral); --seed-suffix-icon-color: var(--seed-color-fg-neutral); } .seed-inline-banner__title--variant_neutralWeak, .seed-inline-banner__description--variant_neutralWeak, .seed-inline-banner__link--variant_neutralWeak { - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); } .seed-inline-banner__root--variant_positiveWeak { - background-color: var(--seed-color-bg-positive-weak); - color: var(--seed-color-fg-positive-contrast); + background-color: var(--seed-box-background, var(--seed-color-bg-positive-weak)); + color: var(--seed-box-color, var(--seed-color-fg-positive-contrast)); --seed-prefix-icon-color: var(--seed-color-fg-positive-contrast); --seed-suffix-icon-color: var(--seed-color-fg-positive-contrast); } .seed-inline-banner__title--variant_positiveWeak, .seed-inline-banner__description--variant_positiveWeak, .seed-inline-banner__link--variant_positiveWeak { - color: var(--seed-color-fg-positive-contrast); + color: var(--seed-box-color, var(--seed-color-fg-positive-contrast)); } .seed-inline-banner__root--variant_informativeWeak { - background-color: var(--seed-color-bg-informative-weak); - color: var(--seed-color-fg-informative-contrast); + background-color: var(--seed-box-background, var(--seed-color-bg-informative-weak)); + color: var(--seed-box-color, var(--seed-color-fg-informative-contrast)); --seed-prefix-icon-color: var(--seed-color-fg-informative-contrast); --seed-suffix-icon-color: var(--seed-color-fg-informative-contrast); } .seed-inline-banner__title--variant_informativeWeak, .seed-inline-banner__description--variant_informativeWeak, .seed-inline-banner__link--variant_informativeWeak { - color: var(--seed-color-fg-informative-contrast); + color: var(--seed-box-color, var(--seed-color-fg-informative-contrast)); } .seed-inline-banner__root--variant_warningWeak { - background-color: var(--seed-color-bg-warning-weak); - color: var(--seed-color-fg-warning-contrast); + background-color: var(--seed-box-background, var(--seed-color-bg-warning-weak)); + color: var(--seed-box-color, var(--seed-color-fg-warning-contrast)); --seed-prefix-icon-color: var(--seed-color-fg-warning-contrast); --seed-suffix-icon-color: var(--seed-color-fg-warning-contrast); } .seed-inline-banner__title--variant_warningWeak, .seed-inline-banner__description--variant_warningWeak, .seed-inline-banner__link--variant_warningWeak { - color: var(--seed-color-fg-warning-contrast); + color: var(--seed-box-color, var(--seed-color-fg-warning-contrast)); } .seed-inline-banner__root--variant_warningSolid { - background-color: var(--seed-color-bg-warning-solid); - color: var(--seed-color-fg-neutral); + background-color: var(--seed-box-background, var(--seed-color-bg-warning-solid)); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); --seed-prefix-icon-color: var(--seed-color-fg-neutral); --seed-suffix-icon-color: var(--seed-color-fg-neutral); } .seed-inline-banner__title--variant_warningSolid, .seed-inline-banner__description--variant_warningSolid, .seed-inline-banner__link--variant_warningSolid { - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); } .seed-inline-banner__root--variant_criticalWeak { - background-color: var(--seed-color-bg-critical-weak); - color: var(--seed-color-fg-critical-contrast); + background-color: var(--seed-box-background, var(--seed-color-bg-critical-weak)); + color: var(--seed-box-color, var(--seed-color-fg-critical-contrast)); --seed-prefix-icon-color: var(--seed-color-fg-critical-contrast); --seed-suffix-icon-color: var(--seed-color-fg-critical-contrast); } .seed-inline-banner__title--variant_criticalWeak, .seed-inline-banner__description--variant_criticalWeak, .seed-inline-banner__link--variant_criticalWeak { - color: var(--seed-color-fg-critical-contrast); + color: var(--seed-box-color, var(--seed-color-fg-critical-contrast)); } .seed-inline-banner__root--variant_criticalSolid { - background-color: var(--seed-color-bg-critical-solid); - color: var(--seed-color-palette-static-white); + background-color: var(--seed-box-background, var(--seed-color-bg-critical-solid)); + color: var(--seed-box-color, var(--seed-color-palette-static-white)); --seed-prefix-icon-color: var(--seed-color-palette-static-white); --seed-suffix-icon-color: var(--seed-color-palette-static-white); } .seed-inline-banner__title--variant_criticalSolid, .seed-inline-banner__description--variant_criticalSolid, .seed-inline-banner__link--variant_criticalSolid { - color: var(--seed-color-palette-static-white); + color: var(--seed-box-color, var(--seed-color-palette-static-white)); } .seed-progress-circle__root { @@ -4018,7 +4018,7 @@ } .seed-tabs__list { - background: var(--seed-color-bg-layer-default); + background: var(--seed-box-background, var(--seed-color-bg-layer-default)); box-shadow: inset 0 -1px var(--seed-color-stroke-neutral); } @@ -4053,7 +4053,7 @@ transition-timing-function: var(--seed-timing-function-easing); left: var(--indicator-left, 0px); width: var(--indicator-width, 0px); - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); border-bottom: 2px solid var(--seed-color-fg-neutral); position: absolute; bottom: 0; @@ -4066,9 +4066,9 @@ .seed-tabs__trigger { cursor: pointer; box-sizing: border-box; + background-color: var(--seed-box-background, transparent); white-space: nowrap; - color: var(--seed-color-fg-neutral-subtle); - background-color: #0000; + color: var(--seed-box-color, var(--seed-color-fg-neutral-subtle)); border: none; justify-content: center; align-items: flex-end; @@ -4077,17 +4077,17 @@ } .seed-tabs__trigger:is(:selected, [data-selected]) { - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); } .seed-tabs__trigger:is(:disabled, [disabled], [data-disabled]) { cursor: not-allowed; - color: var(--seed-color-fg-disabled); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); } .seed-tabs__trigger:is(:selected, [data-selected])[data-ssr]:after { content: ""; - background-color: var(--seed-color-fg-neutral); + background-color: var(--seed-box-background, var(--seed-color-fg-neutral)); height: 2px; position: absolute; bottom: 0; @@ -4256,32 +4256,32 @@ } .seed-chip-tabs__trigger--variant_neutralSolid { - color: var(--seed-color-fg-neutral); + background-color: var(--seed-box-background, transparent); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); font-weight: var(--seed-font-weight-bold); - background-color: #0000; } .seed-chip-tabs__trigger--variant_neutralSolid:is(:selected, [data-selected]) { - background-color: var(--seed-color-bg-neutral-inverted); - color: var(--seed-color-fg-neutral-inverted); + background-color: var(--seed-box-background, var(--seed-color-bg-neutral-inverted)); + color: var(--seed-box-color, var(--seed-color-fg-neutral-inverted)); } .seed-chip-tabs__trigger--variant_neutralSolid:is(:active, [data-active]) { - background-color: var(--seed-color-bg-layer-default-pressed); + background-color: var(--seed-box-background, var(--seed-color-bg-layer-default-pressed)); } .seed-chip-tabs__trigger--variant_neutralSolid:is(:selected, [data-selected]):is(:active, [data-active]) { - background-color: var(--seed-color-bg-neutral-inverted-pressed); + background-color: var(--seed-box-background, var(--seed-color-bg-neutral-inverted-pressed)); } .seed-chip-tabs__trigger--variant_neutralSolid:is(:disabled, [disabled], [data-disabled]) { cursor: not-allowed; - color: var(--seed-color-fg-disabled); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); } .seed-chip-tabs__trigger--variant_neutralSolid:is(:disabled, [disabled], [data-disabled]):is(:selected, [data-selected]) { - background-color: var(--seed-color-bg-disabled); - color: var(--seed-color-fg-disabled); + background-color: var(--seed-box-background, var(--seed-color-bg-disabled)); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); } .seed-chip-tabs__list--variant_brandSolid { @@ -4289,33 +4289,33 @@ } .seed-chip-tabs__trigger--variant_brandSolid { - background-color: var(--seed-color-bg-neutral-weak); - color: var(--seed-color-fg-neutral-muted); + background-color: var(--seed-box-background, var(--seed-color-bg-neutral-weak)); + color: var(--seed-box-color, var(--seed-color-fg-neutral-muted)); font-weight: var(--seed-font-weight-medium); } .seed-chip-tabs__trigger--variant_brandSolid:is(:selected, [data-selected]) { - background-color: var(--seed-color-bg-brand-solid); - color: var(--seed-color-palette-static-white); + background-color: var(--seed-box-background, var(--seed-color-bg-brand-solid)); + color: var(--seed-box-color, var(--seed-color-palette-static-white)); font-weight: var(--seed-font-weight-bold); } .seed-chip-tabs__trigger--variant_brandSolid:is(:active, [data-active]) { - background-color: var(--seed-color-bg-neutral-weak-pressed); + background-color: var(--seed-box-background, var(--seed-color-bg-neutral-weak-pressed)); } .seed-chip-tabs__trigger--variant_brandSolid:is(:selected, [data-selected]):is(:active, [data-active]) { - background-color: var(--seed-color-bg-brand-solid-pressed); + background-color: var(--seed-box-background, var(--seed-color-bg-brand-solid-pressed)); } .seed-chip-tabs__trigger--variant_brandSolid:is(:disabled, [disabled], [data-disabled]) { cursor: not-allowed; - background-color: var(--seed-color-bg-disabled); - color: var(--seed-color-fg-disabled); + background-color: var(--seed-box-background, var(--seed-color-bg-disabled)); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); } .seed-chip-tabs__trigger--variant_brandSolid:is(:disabled, [disabled], [data-disabled]):is(:selected, [data-selected]) { - background-color: var(--seed-color-bg-disabled); + background-color: var(--seed-box-background, var(--seed-color-bg-disabled)); } .seed-chip-tabs__root--contentLayout_fill { @@ -4387,7 +4387,7 @@ } .seed-skeleton--tone_neutral { - background: var(--seed-color-palette-gray-200); + background: var(--seed-box-background, var(--seed-color-palette-gray-200)); } .seed-skeleton--tone_neutral:after { @@ -4395,7 +4395,7 @@ } .seed-skeleton--tone_magic { - background: var(--seed-color-bg-magic-weak); + background: var(--seed-box-background, var(--seed-color-bg-magic-weak)); } .seed-skeleton--tone_magic:after { @@ -4404,7 +4404,7 @@ .seed-snackbar__root { box-sizing: border-box; - background: var(--seed-color-bg-neutral-solid); + background: var(--seed-box-background, var(--seed-color-bg-neutral-solid)); border-radius: var(--seed-radius-r2); width: 100%; padding-inline: var(--seed-dimension-x4); @@ -4435,7 +4435,7 @@ } .seed-snackbar__message { - color: var(--seed-color-palette-static-white); + color: var(--seed-box-color, var(--seed-color-palette-static-white)); font-size: var(--seed-font-size-t4); line-height: var(--seed-line-height-t4); font-weight: var(--seed-font-weight-regular); @@ -4455,8 +4455,8 @@ text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - background-color: unset; - color: var(--seed-color-fg-brand); + background-color: var(--seed-box-background, unset); + color: var(--seed-box-color, var(--seed-color-fg-brand)); font-size: var(--seed-font-size-t4); line-height: var(--seed-line-height-t4); font-weight: var(--seed-font-weight-bold); @@ -4475,7 +4475,7 @@ top: 50%; left: calc(-1 * var(--seed-dimension-x2)); right: calc(-1 * var(--seed-dimension-x2)); - background: none; + background: var(--seed-box-background, transparent); min-height: 44px; position: absolute; transform: translateY(-50%); @@ -4486,11 +4486,11 @@ } .seed-snackbar__prefixIcon--variant_positive { - color: var(--seed-color-fg-positive); + color: var(--seed-box-color, var(--seed-color-fg-positive)); } .seed-snackbar__prefixIcon--variant_critical { - color: var(--seed-color-fg-critical); + color: var(--seed-box-color, var(--seed-color-fg-critical)); } .seed-snackbar-region { @@ -4510,7 +4510,7 @@ .seed-text { text-align: var(--seed-text-align); - color: var(--seed-text-color); + color: var(--seed-box-color, var(--seed-text-color)); font-size: var(--seed-font-size); line-height: var(--seed-line-height); font-weight: var(--seed-font-weight); @@ -4716,13 +4716,13 @@ .seed-link-content { cursor: pointer; + background-color: var(--seed-box-background, transparent); box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; - color: var(--seed-box-color); + color: var(--seed-box-color, var(--seed-box-color)); --seed-suffix-icon-color: var(--seed-box-color); - background-color: #0000; border: none; outline: none; align-items: center; @@ -4768,73 +4768,73 @@ } .seed-text-field__label { - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); font-weight: var(--seed-font-weight-bold); } .seed-text-field__indicator { - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); font-weight: var(--seed-font-weight-regular); } .seed-text-field__field { - background-color: var(--seed-color-bg-layer-default); + background-color: var(--seed-box-background, var(--seed-color-bg-layer-default)); border-style: solid; border-width: 1px; - border-color: var(--seed-color-stroke-field); + border-color: var(--seed-box-border-color, var(--seed-color-stroke-field)); align-items: center; display: flex; } .seed-text-field__field:not([data-readonly]):is(:focus, [data-focus]) { - border-color: var(--seed-color-stroke-field-focused); + border-color: var(--seed-box-border-color, var(--seed-color-stroke-field-focused)); } .seed-text-field__field:is(:invalid, [data-invalid]) { - background-color: var(--seed-color-bg-critical-weak); - border-color: var(--seed-color-stroke-critical); + background-color: var(--seed-box-background, var(--seed-color-bg-critical-weak)); + border-color: var(--seed-box-border-color, var(--seed-color-stroke-critical)); } .seed-text-field__field:is(:invalid, [data-invalid]):is(:focus, [data-focus]) { - background-color: var(--seed-color-bg-layer-default); + background-color: var(--seed-box-background, var(--seed-color-bg-layer-default)); } .seed-text-field__field:is(:disabled, [disabled], [data-disabled]), .seed-text-field__field[data-readonly] { - background-color: var(--seed-color-bg-disabled); + background-color: var(--seed-box-background, var(--seed-color-bg-disabled)); } .seed-text-field__prefixText { - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); } .seed-text-field__prefixText:is(:disabled, [disabled], [data-disabled]) { - color: var(--seed-color-fg-disabled); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); } .seed-text-field__prefixIcon { - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); flex-shrink: 0; } .seed-text-field__prefixIcon:is(:disabled, [disabled], [data-disabled]) { - color: var(--seed-color-fg-disabled); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); } .seed-text-field__suffixText { - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); } .seed-text-field__suffixText:is(:disabled, [disabled], [data-disabled]) { - color: var(--seed-color-fg-disabled); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); } .seed-text-field__suffixIcon { - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); flex-shrink: 0; } .seed-text-field__suffixIcon:is(:disabled, [disabled], [data-disabled]) { - color: var(--seed-color-fg-disabled); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); } .seed-text-field__value { @@ -4853,21 +4853,21 @@ } .seed-text-field__value { + background: var(--seed-box-background, none); resize: none; height: 100%; - color: var(--seed-color-fg-neutral); - background: none; + color: var(--seed-box-color, var(--seed-color-fg-neutral)); border: none; outline: none; flex-grow: 1; } .seed-text-field__value::placeholder { - color: var(--seed-color-fg-placeholder); + color: var(--seed-box-color, var(--seed-color-fg-placeholder)); } .seed-text-field__value:is(:disabled, [disabled], [data-disabled]), .seed-text-field__value:is(:disabled, [disabled], [data-disabled])::placeholder { - color: var(--seed-color-fg-disabled); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); } .seed-text-field__footer { @@ -4878,11 +4878,11 @@ .seed-text-field__description { font-weight: var(--seed-font-weight-regular); - color: var(--seed-color-fg-neutral-subtle); + color: var(--seed-box-color, var(--seed-color-fg-neutral-subtle)); } .seed-text-field__errorMessage { - color: var(--seed-color-fg-critical); + color: var(--seed-box-color, var(--seed-color-fg-critical)); flex-direction: row; align-items: center; display: flex; @@ -4899,16 +4899,16 @@ } .seed-text-field__characterCount { - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); font-weight: var(--seed-font-weight-regular); } .seed-text-field__characterCount[data-empty] { - color: var(--seed-color-fg-neutral-subtle); + color: var(--seed-box-color, var(--seed-color-fg-neutral-subtle)); } .seed-text-field__maxCharacterCount { - color: var(--seed-color-fg-neutral-subtle); + color: var(--seed-box-color, var(--seed-color-fg-neutral-subtle)); font-weight: var(--seed-font-weight-regular); } @@ -5112,8 +5112,8 @@ text-align: start; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - background-color: var(--seed-color-bg-brand-solid); - color: var(--seed-color-palette-static-white); + background-color: var(--seed-box-background, var(--seed-color-bg-brand-solid)); + color: var(--seed-box-color, var(--seed-color-palette-static-white)); justify-content: center; align-items: center; text-decoration: none; @@ -5206,7 +5206,7 @@ } .seed-app-screen__layer { - background-color: var(--seed-color-bg-layer-default); + background-color: var(--seed-box-background, var(--seed-color-bg-layer-default)); } .seed-app-screen__edge { @@ -5223,7 +5223,7 @@ } .seed-app-screen__dim--theme_cupertino { - background: var(--seed-color-bg-overlay); + background: var(--seed-box-background, var(--seed-color-bg-overlay)); height: 100%; } @@ -5350,7 +5350,7 @@ } .seed-app-screen__dim--transitionStyle_fadeFromBottomAndroid { - background: linear-gradient(var(--seed-color-bg-overlay), #0000); + background: var(--seed-box-background, linear-gradient(var(--seed-color-bg-overlay), #0000)); height: 160px; } @@ -5616,19 +5616,19 @@ } .seed-app-bar__root--tone_layer:before { - background-color: var(--seed-color-bg-layer-default); + background-color: var(--seed-box-background, var(--seed-color-bg-layer-default)); } .seed-app-bar__icon--tone_layer { - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); } .seed-app-bar__root--tone_transparent:before { - background-color: #0000; + background-color: var(--seed-box-background, #0000); } .seed-app-bar__icon--tone_transparent { - color: var(--seed-color-palette-static-white); + color: var(--seed-box-color, var(--seed-color-palette-static-white)); } .seed-app-bar__root--divider_true:before { @@ -5755,15 +5755,15 @@ } .seed-app-bar-main__root--tone_layer, .seed-app-bar-main__title--tone_layer { - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); } .seed-app-bar-main__subtitle--tone_layer { - color: var(--seed-color-fg-neutral-muted); + color: var(--seed-box-color, var(--seed-color-fg-neutral-muted)); } .seed-app-bar-main__root--tone_transparent, .seed-app-bar-main__title--tone_transparent, .seed-app-bar-main__subtitle--tone_transparent { - color: var(--seed-color-palette-static-white); + color: var(--seed-box-color, var(--seed-color-palette-static-white)); } .seed-pull-to-refresh__root { diff --git a/packages/css/all.min.css b/packages/css/all.min.css index 132d6881e0..f0c858b9ca 100644 --- a/packages/css/all.min.css +++ b/packages/css/all.min.css @@ -1 +1 @@ -:root{--seed-safe-area-top:0px;--seed-safe-area-bottom:0px}@supports (left:constant(safe-area-inset-left)){:root{--seed-safe-area-top:constant(safe-area-inset-top);--seed-safe-area-bottom:constant(safe-area-inset-bottom)}}@supports (left:env(safe-area-inset-left)){:root{--seed-safe-area-top:env(safe-area-inset-top);--seed-safe-area-bottom:env(safe-area-inset-bottom)}}:root{--seed-font-size-multiplier:1}@supports (font:-apple-system-body){html[data-seed-platform=ios][data-seed-font-scaling=enabled]{--seed-font-size-multiplier:.9412;font:-apple-system-body}}.seed-loading-indicator{display:inline-flex;position:absolute}.seed-icon,.seed-prefix-icon,.seed-suffix-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.seed-icon{width:var(--seed-icon-size);height:var(--seed-icon-size);color:var(--seed-icon-color,currentColor)}.seed-prefix-icon{width:var(--seed-prefix-icon-size);height:var(--seed-prefix-icon-size);margin-left:var(--seed-prefix-icon-margin-left);margin-right:var(--seed-prefix-icon-margin-right);margin-top:var(--seed-prefix-icon-margin-top);color:var(--seed-prefix-icon-color,currentColor)}.seed-suffix-icon{width:var(--seed-suffix-icon-size);height:var(--seed-suffix-icon-size);margin-left:var(--seed-suffix-icon-margin-left);margin-right:var(--seed-suffix-icon-margin-right);margin-top:var(--seed-suffix-icon-margin-top);color:var(--seed-suffix-icon-color,currentColor)}.seed-count{font-size:var(--seed-count-font-size);line-height:var(--seed-count-line-height);font-weight:var(--seed-count-font-weight);color:var(--seed-count-color)}.seed-box{--seed-box-background:initial;--seed-box-color:initial;background:var(--seed-box-background);color:var(--seed-box-color);--seed-box-border-style:solid;--seed-box-border-color:initial;border-style:var(--seed-box-border-style);border-color:var(--seed-box-border-color);--seed-box-border-width:0;--seed-box-border-top-width:var(--seed-box-border-width);--seed-box-border-bottom-width:var(--seed-box-border-width);--seed-box-border-left-width:var(--seed-box-border-width);--seed-box-border-right-width:var(--seed-box-border-width);border-top-width:var(--seed-box-border-top-width);border-bottom-width:var(--seed-box-border-bottom-width);border-left-width:var(--seed-box-border-left-width);border-right-width:var(--seed-box-border-right-width);--seed-box-padding:0;--seed-box-padding-y:var(--seed-box-padding);--seed-box-padding-x:var(--seed-box-padding);--seed-box-padding-bottom:var(--seed-box-padding-y);--seed-box-padding-top:var(--seed-box-padding-y);--seed-box-padding-left:var(--seed-box-padding-x);--seed-box-padding-right:var(--seed-box-padding-x);padding-top:var(--seed-box-padding-top);padding-bottom:var(--seed-box-padding-bottom);padding-left:var(--seed-box-padding-left);padding-right:var(--seed-box-padding-right);--seed-box-bleed-bottom:initial;--seed-box-bleed-top:initial;--seed-box-bleed-left:initial;--seed-box-bleed-right:initial;margin-top:calc(var(--seed-box-bleed-top)*-1);margin-bottom:calc(var(--seed-box-bleed-bottom)*-1);margin-left:calc(var(--seed-box-bleed-left)*-1);margin-right:calc(var(--seed-box-bleed-right)*-1);--seed-box-min-height:initial;--seed-box-max-height:initial;--seed-box-height:initial;--seed-box-min-width:initial;--seed-box-max-width:initial;--seed-box-width:initial;min-height:var(--seed-box-min-height);max-height:var(--seed-box-max-height);height:var(--seed-box-height);min-width:var(--seed-box-min-width);max-width:var(--seed-box-max-width);width:var(--seed-box-width);--seed-box-top:initial;--seed-box-bottom:initial;--seed-box-left:initial;--seed-box-right:initial;top:var(--seed-box-top);bottom:var(--seed-box-bottom);left:var(--seed-box-left);right:var(--seed-box-right);--seed-box-border-radius:initial;--seed-box-border-bottom-left-radius:var(--seed-box-border-radius);--seed-box-border-bottom-right-radius:var(--seed-box-border-radius);--seed-box-border-top-left-radius:var(--seed-box-border-radius);--seed-box-border-top-right-radius:var(--seed-box-border-radius);border-bottom-left-radius:var(--seed-box-border-bottom-left-radius);border-bottom-right-radius:var(--seed-box-border-bottom-right-radius);border-top-left-radius:var(--seed-box-border-top-left-radius);border-top-right-radius:var(--seed-box-border-top-right-radius);--seed-box-display:block;--seed-box-position:initial;display:var(--seed-box-display);position:var(--seed-box-position);--seed-box-unstable-transform:initial;transform:var(--seed-box-unstable-transform);--seed-box-z-index:initial;z-index:var(--seed-box-z-index);--seed-box-overflow-x:initial;--seed-box-overflow-y:initial;overflow-x:var(--seed-box-overflow-x);overflow-y:var(--seed-box-overflow-y);--seed-box-flex-grow:initial;--seed-box-flex-shrink:initial;flex-grow:var(--seed-box-flex-grow);flex-shrink:var(--seed-box-flex-shrink);--seed-box-flex-direction:initial;--seed-box-flex-wrap:initial;--seed-box-justify-content:initial;--seed-box-align-items:stretch;--seed-box-align-content:stretch;--seed-box-align-self:auto;--seed-box-gap:initial;flex-direction:var(--seed-box-flex-direction);flex-wrap:var(--seed-box-flex-wrap);justify-content:var(--seed-box-justify-content);align-items:var(--seed-box-align-items);align-content:var(--seed-box-align-content);align-self:var(--seed-box-align-self);gap:var(--seed-box-gap)}.seed-box:is(:active,[data-active]){--seed-box-background--active:var(--seed-box-background);background:var(--seed-box-background--active)}.seed-consistent-width:before{content:attr(data-text);visibility:hidden;height:0;font-weight:var(--seed-font-weight-regular);display:block}.seed-consistent-width:after{content:attr(data-text);visibility:hidden;height:0;font-weight:var(--seed-font-weight-bold);display:block}:root,[data-seed-color-mode=system]{color-scheme:light dark}[data-seed-color-mode=light-only]{color-scheme:light}[data-seed-color-mode=dark-only]{color-scheme:dark}:root{--seed-dimension-x0_5:2px;--seed-dimension-x1:4px;--seed-dimension-x1_5:6px;--seed-dimension-x2:8px;--seed-dimension-x2_5:10px;--seed-dimension-x3:12px;--seed-dimension-x3_5:14px;--seed-dimension-x4:16px;--seed-dimension-x4_5:18px;--seed-dimension-x5:20px;--seed-dimension-x6:24px;--seed-dimension-x7:28px;--seed-dimension-x8:32px;--seed-dimension-x9:36px;--seed-dimension-x10:40px;--seed-dimension-x12:48px;--seed-dimension-x13:52px;--seed-dimension-x14:56px;--seed-dimension-x16:64px;--seed-dimension-spacing-x-between-chips:var(--seed-dimension-x2);--seed-dimension-spacing-x-global-gutter:var(--seed-dimension-x4);--seed-dimension-spacing-y-component-default:var(--seed-dimension-x3);--seed-dimension-spacing-y-nav-to-title:var(--seed-dimension-x5);--seed-dimension-spacing-y-screen-bottom:var(--seed-dimension-x14);--seed-dimension-spacing-y-between-text:var(--seed-dimension-x1_5);--seed-duration-d1:50ms;--seed-duration-d2:.1s;--seed-duration-d3:.15s;--seed-duration-d4:.2s;--seed-duration-d5:.25s;--seed-duration-d6:.3s;--seed-font-size-t1:calc(.6875rem*var(--seed-font-size-multiplier));--seed-font-size-t2:calc(.75rem*var(--seed-font-size-multiplier));--seed-font-size-t3:calc(.8125rem*var(--seed-font-size-multiplier));--seed-font-size-t4:calc(.875rem*var(--seed-font-size-multiplier));--seed-font-size-t5:calc(1rem*var(--seed-font-size-multiplier));--seed-font-size-t6:calc(1.125rem*var(--seed-font-size-multiplier));--seed-font-size-t7:calc(1.25rem*var(--seed-font-size-multiplier));--seed-font-size-t8:calc(1.375rem*var(--seed-font-size-multiplier));--seed-font-size-t9:calc(1.5rem*var(--seed-font-size-multiplier));--seed-font-size-t10:calc(1.625rem*var(--seed-font-size-multiplier));--seed-font-size-t2-static:12px;--seed-font-size-t5-static:16px;--seed-font-size-t6-static:18px;--seed-font-weight-regular:400;--seed-font-weight-medium:500;--seed-font-weight-bold:700;--seed-line-height-t1:calc(.9375rem*var(--seed-font-size-multiplier));--seed-line-height-t2:calc(1rem*var(--seed-font-size-multiplier));--seed-line-height-t3:calc(1.125rem*var(--seed-font-size-multiplier));--seed-line-height-t4:calc(1.1875rem*var(--seed-font-size-multiplier));--seed-line-height-t5:calc(1.375rem*var(--seed-font-size-multiplier));--seed-line-height-t6:calc(1.5rem*var(--seed-font-size-multiplier));--seed-line-height-t7:calc(1.6875rem*var(--seed-font-size-multiplier));--seed-line-height-t8:calc(1.875rem*var(--seed-font-size-multiplier));--seed-line-height-t9:calc(2rem*var(--seed-font-size-multiplier));--seed-line-height-t10:calc(2.1875rem*var(--seed-font-size-multiplier));--seed-radius-r0_5:2px;--seed-radius-r1:4px;--seed-radius-r1_5:6px;--seed-radius-r2:8px;--seed-radius-r2_5:10px;--seed-radius-r3:12px;--seed-radius-r3_5:14px;--seed-radius-r4:16px;--seed-radius-r5:20px;--seed-radius-r6:24px;--seed-radius-full:9999px;--seed-timing-function-linear:cubic-bezier(0,0,1,1);--seed-timing-function-easing:cubic-bezier(.35,0,.35,1);--seed-timing-function-enter:cubic-bezier(0,0,.15,1);--seed-timing-function-exit:cubic-bezier(.35,0,1,1);--seed-timing-function-enter-expressive:cubic-bezier(.03,.4,.1,1);--seed-timing-function-exit-expressive:cubic-bezier(.35,0,.95,.55)}:root,:root[data-seed-color-mode=system][data-seed-user-color-scheme=light],:root[data-seed-color-mode=light-only],:root [data-seed-color-mode=light-only]{--seed-color-palette-blue-100:#eff6ff;--seed-color-palette-blue-200:#e2edfc;--seed-color-palette-blue-300:#cbdffa;--seed-color-palette-blue-400:#aacefd;--seed-color-palette-blue-500:#85b8fd;--seed-color-palette-blue-600:#5e98fe;--seed-color-palette-blue-700:#217cf9;--seed-color-palette-blue-800:#135fcd;--seed-color-palette-blue-900:#0b4596;--seed-color-palette-blue-1000:#032451;--seed-color-palette-carrot-100:#fff2ec;--seed-color-palette-carrot-200:#ffe8db;--seed-color-palette-carrot-300:#ffd5c0;--seed-color-palette-carrot-400:#ffb999;--seed-color-palette-carrot-500:#ff9364;--seed-color-palette-carrot-600:#f60;--seed-color-palette-carrot-700:#e14d00;--seed-color-palette-carrot-800:#b93901;--seed-color-palette-carrot-900:#862b00;--seed-color-palette-carrot-1000:#471601;--seed-color-palette-gray-00:#fff;--seed-color-palette-gray-100:#f7f8f9;--seed-color-palette-gray-200:#f3f4f5;--seed-color-palette-gray-300:#eeeff1;--seed-color-palette-gray-400:#dcdee3;--seed-color-palette-gray-500:#d1d3d8;--seed-color-palette-gray-600:#b0b3ba;--seed-color-palette-gray-700:#868b94;--seed-color-palette-gray-800:#555d6d;--seed-color-palette-gray-900:#2a3038;--seed-color-palette-gray-1000:#1a1c20;--seed-color-palette-green-100:#edfaf6;--seed-color-palette-green-200:#d9f6e9;--seed-color-palette-green-300:#b9e9d2;--seed-color-palette-green-400:#7ddcb3;--seed-color-palette-green-500:#42c593;--seed-color-palette-green-600:#10ab7d;--seed-color-palette-green-700:#079171;--seed-color-palette-green-800:#00745f;--seed-color-palette-green-900:#075445;--seed-color-palette-green-1000:#0a2b24;--seed-color-palette-purple-100:#f5f3fe;--seed-color-palette-purple-200:#efeafe;--seed-color-palette-purple-300:#e1d8ff;--seed-color-palette-purple-400:#d0c0ff;--seed-color-palette-purple-500:#b8a1ff;--seed-color-palette-purple-600:#9f84fb;--seed-color-palette-purple-700:#8969ea;--seed-color-palette-purple-800:#6d50cb;--seed-color-palette-purple-900:#50379b;--seed-color-palette-purple-1000:#29175d;--seed-color-palette-red-100:#fdf0f0;--seed-color-palette-red-200:#fde7e7;--seed-color-palette-red-300:#fed4d2;--seed-color-palette-red-400:#feb7b3;--seed-color-palette-red-500:#fe928d;--seed-color-palette-red-600:#fc6a66;--seed-color-palette-red-700:#fa342c;--seed-color-palette-red-800:#ca1d13;--seed-color-palette-red-900:#921708;--seed-color-palette-red-1000:#4a1209;--seed-color-palette-static-black:#000;--seed-color-palette-static-white:#fff;--seed-color-palette-static-black-alpha-100:#00000007;--seed-color-palette-static-black-alpha-200:#0000000c;--seed-color-palette-static-black-alpha-300:#00000010;--seed-color-palette-static-black-alpha-400:#00000021;--seed-color-palette-static-black-alpha-500:#0000002c;--seed-color-palette-static-black-alpha-600:#0000004c;--seed-color-palette-static-black-alpha-700:#00000074;--seed-color-palette-static-black-alpha-800:#000000a2;--seed-color-palette-static-black-alpha-900:#000000d0;--seed-color-palette-static-black-alpha-1000:#000000e3;--seed-color-palette-static-white-alpha-50:#ffffff0d;--seed-color-palette-static-white-alpha-100:#ffffff17;--seed-color-palette-static-white-alpha-200:#ffffff20;--seed-color-palette-static-white-alpha-300:#ffffff2e;--seed-color-palette-static-white-alpha-400:#ffffff3d;--seed-color-palette-static-white-alpha-500:#ffffff60;--seed-color-palette-static-white-alpha-600:#ffffff8b;--seed-color-palette-static-white-alpha-700:#ffffffb3;--seed-color-palette-static-white-alpha-800:#ffffffde;--seed-color-palette-static-white-alpha-900:#ffffffea;--seed-color-palette-static-white-alpha-1000:#fffffff4;--seed-color-palette-yellow-100:#fff7de;--seed-color-palette-yellow-200:#fdefb9;--seed-color-palette-yellow-300:#fbdc65;--seed-color-palette-yellow-400:#e9c647;--seed-color-palette-yellow-500:#d4ab28;--seed-color-palette-yellow-600:#c49725;--seed-color-palette-yellow-700:#9b7821;--seed-color-palette-yellow-800:#755b22;--seed-color-palette-yellow-900:#4f3e1f;--seed-color-palette-yellow-1000:#2c2512;--seed-color-fg-brand:var(--seed-color-palette-carrot-600);--seed-color-fg-critical:var(--seed-color-palette-red-700);--seed-color-fg-disabled:var(--seed-color-palette-gray-500);--seed-color-fg-informative:var(--seed-color-palette-blue-700);--seed-color-fg-neutral:var(--seed-color-palette-gray-1000);--seed-color-fg-placeholder:var(--seed-color-palette-gray-600);--seed-color-fg-positive:var(--seed-color-palette-green-700);--seed-color-fg-critical-contrast:var(--seed-color-palette-red-900);--seed-color-fg-informative-contrast:var(--seed-color-palette-blue-900);--seed-color-fg-neutral-inverted:var(--seed-color-palette-gray-00);--seed-color-fg-neutral-muted:var(--seed-color-palette-gray-800);--seed-color-fg-neutral-subtle:var(--seed-color-palette-gray-700);--seed-color-fg-positive-contrast:var(--seed-color-palette-green-900);--seed-color-fg-warning-contrast:var(--seed-color-palette-yellow-900);--seed-color-bg-disabled:var(--seed-color-palette-gray-200);--seed-color-bg-overlay:var(--seed-color-palette-static-black-alpha-700);--seed-color-bg-brand-solid:var(--seed-color-palette-carrot-600);--seed-color-bg-brand-solid-pressed:var(--seed-color-palette-carrot-700);--seed-color-bg-critical-solid:var(--seed-color-palette-red-700);--seed-color-bg-critical-weak:var(--seed-color-palette-red-100);--seed-color-bg-critical-solid-pressed:var(--seed-color-palette-red-800);--seed-color-bg-critical-weak-pressed:var(--seed-color-palette-red-200);--seed-color-bg-informative-solid:var(--seed-color-palette-blue-700);--seed-color-bg-informative-weak:var(--seed-color-palette-blue-100);--seed-color-bg-informative-solid-pressed:var(--seed-color-palette-blue-800);--seed-color-bg-informative-weak-pressed:var(--seed-color-palette-blue-200);--seed-color-bg-layer-basement:var(--seed-color-palette-gray-200);--seed-color-bg-layer-default:var(--seed-color-palette-gray-00);--seed-color-bg-layer-fill:var(--seed-color-palette-gray-100);--seed-color-bg-layer-floating:var(--seed-color-palette-gray-00);--seed-color-bg-layer-default-pressed:var(--seed-color-palette-gray-100);--seed-color-bg-layer-floating-pressed:var(--seed-color-palette-gray-100);--seed-color-bg-magic-weak:#f9f2ee;--seed-color-bg-neutral-inverted:var(--seed-color-palette-gray-900);--seed-color-bg-neutral-solid:var(--seed-color-palette-gray-1000);--seed-color-bg-neutral-weak:var(--seed-color-palette-gray-200);--seed-color-bg-neutral-inverted-pressed:var(--seed-color-palette-gray-800);--seed-color-bg-neutral-solid-muted:var(--seed-color-palette-gray-800);--seed-color-bg-neutral-solid-muted-pressed:var(--seed-color-palette-gray-900);--seed-color-bg-neutral-weak-pressed:var(--seed-color-palette-gray-300);--seed-color-bg-overlay-muted:var(--seed-color-palette-static-black-alpha-500);--seed-color-bg-positive-solid:var(--seed-color-palette-green-700);--seed-color-bg-positive-weak:var(--seed-color-palette-green-100);--seed-color-bg-positive-solid-pressed:var(--seed-color-palette-green-800);--seed-color-bg-positive-weak-pressed:var(--seed-color-palette-green-200);--seed-color-bg-warning-solid:var(--seed-color-palette-yellow-300);--seed-color-bg-warning-weak:var(--seed-color-palette-yellow-100);--seed-color-bg-warning-weak-pressed:var(--seed-color-palette-yellow-200);--seed-color-stroke-brand:var(--seed-color-palette-carrot-300);--seed-color-stroke-control:var(--seed-color-palette-gray-400);--seed-color-stroke-critical:var(--seed-color-palette-red-300);--seed-color-stroke-field:var(--seed-color-palette-gray-400);--seed-color-stroke-informative:var(--seed-color-palette-blue-300);--seed-color-stroke-neutral:var(--seed-color-palette-static-black-alpha-300);--seed-color-stroke-positive:var(--seed-color-palette-green-300);--seed-color-stroke-field-focused:var(--seed-color-palette-gray-800);--seed-color-stroke-neutral-muted:var(--seed-color-palette-static-black-alpha-200);--seed-color-stroke-on-image:var(--seed-color-palette-static-black-alpha-200);--seed-color-manner-temp-l1-bg:#eff0f1;--seed-color-manner-temp-l1-text:#62666a;--seed-color-manner-temp-l2-bg:#e7f2fc;--seed-color-manner-temp-l2-text:#2592f7;--seed-color-manner-temp-l3-bg:#e3f6fc;--seed-color-manner-temp-l3-text:#0099c8;--seed-color-manner-temp-l4-bg:#ebf9f4;--seed-color-manner-temp-l4-text:#03a07e;--seed-color-manner-temp-l5-bg:#fff5e5;--seed-color-manner-temp-l5-text:#d28500;--seed-color-manner-temp-l6-bg:#fff0e5;--seed-color-manner-temp-l6-text:#f06000;--seed-gradient-fade-layer-floating:#fff0 0%,#000 100%;--seed-gradient-fade-layer-default:#fff0 0%,#000 100%;--seed-gradient-glow-magic:#fef6f7 0%,#fef0e7 80%,#f9f7f5 100%;--seed-gradient-shimmer-magic:#fff9f500 0%,#fff9f58a 46%,#fff9f58a 54%,#fff9f500 100%;--seed-gradient-glow-magic-pressed:#fbf0f2 0%,#ffe8db 80%,#f5f2ef 100%;--seed-gradient-shimmer-neutral:#fff0 0%,#fff6 46%,#fff6 54%,#fff0 100%;--seed-gradient-highlight-magic:#f60 20%,#d25aca 100%}:root[data-seed-color-mode=system][data-seed-user-color-scheme=dark],:root[data-seed-color-mode=dark-only],:root [data-seed-color-mode=dark-only]{--seed-color-palette-blue-100:#202742;--seed-color-palette-blue-200:#1e3352;--seed-color-palette-blue-300:#1a4275;--seed-color-palette-blue-400:#0f559e;--seed-color-palette-blue-500:#1964d8;--seed-color-palette-blue-600:#1e82eb;--seed-color-palette-blue-700:#41a2f9;--seed-color-palette-blue-800:#83bcf9;--seed-color-palette-blue-900:#b9d7fb;--seed-color-palette-blue-1000:#e5f0fe;--seed-color-palette-carrot-100:#31241f;--seed-color-palette-carrot-200:#4b291c;--seed-color-palette-carrot-300:#6b311c;--seed-color-palette-carrot-400:#923600;--seed-color-palette-carrot-500:#bd4201;--seed-color-palette-carrot-600:#e65200;--seed-color-palette-carrot-700:#f60;--seed-color-palette-carrot-800:#ff9e65;--seed-color-palette-carrot-900:#eecebc;--seed-color-palette-carrot-1000:#f4eeea;--seed-color-palette-gray-00:#000;--seed-color-palette-gray-100:#16171b;--seed-color-palette-gray-200:#1d2025;--seed-color-palette-gray-300:#2b2e35;--seed-color-palette-gray-400:#393d46;--seed-color-palette-gray-500:#5b606a;--seed-color-palette-gray-600:#868b94;--seed-color-palette-gray-700:#b0b3ba;--seed-color-palette-gray-800:#dcdee3;--seed-color-palette-gray-900:#e9eaec;--seed-color-palette-gray-1000:#f3f4f5;--seed-color-palette-green-100:#202926;--seed-color-palette-green-200:#20362e;--seed-color-palette-green-300:#20493b;--seed-color-palette-green-400:#19604c;--seed-color-palette-green-500:#117956;--seed-color-palette-green-600:#1b946d;--seed-color-palette-green-700:#22b27f;--seed-color-palette-green-800:#35ce9a;--seed-color-palette-green-900:#93e5c0;--seed-color-palette-green-1000:#d4f6ef;--seed-color-palette-purple-100:#28213b;--seed-color-palette-purple-200:#3b2873;--seed-color-palette-purple-300:#443081;--seed-color-palette-purple-400:#5a3bb1;--seed-color-palette-purple-500:#764fd9;--seed-color-palette-purple-600:#8e6bee;--seed-color-palette-purple-700:#a78df0;--seed-color-palette-purple-800:#beadf2;--seed-color-palette-purple-900:#d9cefa;--seed-color-palette-purple-1000:#f0edfc;--seed-color-palette-red-100:#322323;--seed-color-palette-red-200:#4f2624;--seed-color-palette-red-300:#742826;--seed-color-palette-red-400:#a12621;--seed-color-palette-red-500:#ca2319;--seed-color-palette-red-600:#f73526;--seed-color-palette-red-700:#ff6e60;--seed-color-palette-red-800:#ffa299;--seed-color-palette-red-900:#f8c5c3;--seed-color-palette-red-1000:#fdf2f2;--seed-color-palette-static-black:#000;--seed-color-palette-static-white:#fff;--seed-color-palette-static-black-alpha-100:#00000007;--seed-color-palette-static-black-alpha-200:#0000000c;--seed-color-palette-static-black-alpha-300:#00000010;--seed-color-palette-static-black-alpha-400:#00000021;--seed-color-palette-static-black-alpha-500:#0000002c;--seed-color-palette-static-black-alpha-600:#0000004c;--seed-color-palette-static-black-alpha-700:#00000074;--seed-color-palette-static-black-alpha-800:#000000a2;--seed-color-palette-static-black-alpha-900:#000000d0;--seed-color-palette-static-black-alpha-1000:#000000e3;--seed-color-palette-static-white-alpha-50:#ffffff0d;--seed-color-palette-static-white-alpha-100:#ffffff17;--seed-color-palette-static-white-alpha-200:#ffffff20;--seed-color-palette-static-white-alpha-300:#ffffff2e;--seed-color-palette-static-white-alpha-400:#ffffff3d;--seed-color-palette-static-white-alpha-500:#ffffff60;--seed-color-palette-static-white-alpha-600:#ffffff8b;--seed-color-palette-static-white-alpha-700:#ffffffb3;--seed-color-palette-static-white-alpha-800:#ffffffde;--seed-color-palette-static-white-alpha-900:#ffffffea;--seed-color-palette-static-white-alpha-1000:#fffffff4;--seed-color-palette-yellow-100:#302819;--seed-color-palette-yellow-200:#413218;--seed-color-palette-yellow-300:#543e15;--seed-color-palette-yellow-400:#714e15;--seed-color-palette-yellow-500:#91601b;--seed-color-palette-yellow-600:#b6720d;--seed-color-palette-yellow-700:#ca901c;--seed-color-palette-yellow-800:#dab156;--seed-color-palette-yellow-900:#e5d49b;--seed-color-palette-yellow-1000:#f7f0cd;--seed-color-fg-brand:var(--seed-color-palette-carrot-700);--seed-color-fg-critical:var(--seed-color-palette-red-700);--seed-color-fg-disabled:var(--seed-color-palette-gray-500);--seed-color-fg-informative:var(--seed-color-palette-blue-700);--seed-color-fg-neutral:var(--seed-color-palette-gray-1000);--seed-color-fg-placeholder:var(--seed-color-palette-gray-600);--seed-color-fg-positive:var(--seed-color-palette-green-700);--seed-color-fg-critical-contrast:var(--seed-color-palette-red-900);--seed-color-fg-informative-contrast:var(--seed-color-palette-blue-900);--seed-color-fg-neutral-inverted:var(--seed-color-palette-gray-100);--seed-color-fg-neutral-muted:var(--seed-color-palette-gray-800);--seed-color-fg-neutral-subtle:var(--seed-color-palette-gray-700);--seed-color-fg-positive-contrast:var(--seed-color-palette-green-900);--seed-color-fg-warning-contrast:var(--seed-color-palette-yellow-900);--seed-color-bg-disabled:var(--seed-color-palette-gray-300);--seed-color-bg-overlay:var(--seed-color-palette-static-black-alpha-700);--seed-color-bg-brand-solid:var(--seed-color-palette-carrot-700);--seed-color-bg-brand-solid-pressed:var(--seed-color-palette-carrot-800);--seed-color-bg-critical-solid:var(--seed-color-palette-red-600);--seed-color-bg-critical-weak:var(--seed-color-palette-red-100);--seed-color-bg-critical-solid-pressed:var(--seed-color-palette-red-700);--seed-color-bg-critical-weak-pressed:var(--seed-color-palette-red-200);--seed-color-bg-informative-solid:var(--seed-color-palette-blue-600);--seed-color-bg-informative-weak:var(--seed-color-palette-blue-100);--seed-color-bg-informative-solid-pressed:var(--seed-color-palette-blue-700);--seed-color-bg-informative-weak-pressed:var(--seed-color-palette-blue-200);--seed-color-bg-layer-basement:var(--seed-color-palette-gray-00);--seed-color-bg-layer-default:var(--seed-color-palette-gray-100);--seed-color-bg-layer-fill:var(--seed-color-palette-gray-200);--seed-color-bg-layer-floating:var(--seed-color-palette-gray-200);--seed-color-bg-layer-default-pressed:var(--seed-color-palette-gray-300);--seed-color-bg-layer-floating-pressed:var(--seed-color-palette-gray-300);--seed-color-bg-magic-weak:#201f1f;--seed-color-bg-neutral-inverted:var(--seed-color-palette-gray-1000);--seed-color-bg-neutral-solid:var(--seed-color-palette-gray-300);--seed-color-bg-neutral-weak:var(--seed-color-palette-gray-300);--seed-color-bg-neutral-inverted-pressed:var(--seed-color-palette-gray-800);--seed-color-bg-neutral-solid-muted:var(--seed-color-palette-gray-400);--seed-color-bg-neutral-solid-muted-pressed:var(--seed-color-palette-gray-500);--seed-color-bg-neutral-weak-pressed:var(--seed-color-palette-gray-400);--seed-color-bg-overlay-muted:var(--seed-color-palette-static-black-alpha-500);--seed-color-bg-positive-solid:var(--seed-color-palette-green-500);--seed-color-bg-positive-weak:var(--seed-color-palette-green-100);--seed-color-bg-positive-solid-pressed:var(--seed-color-palette-green-500);--seed-color-bg-positive-weak-pressed:var(--seed-color-palette-green-200);--seed-color-bg-warning-solid:var(--seed-color-palette-yellow-600);--seed-color-bg-warning-weak:var(--seed-color-palette-yellow-100);--seed-color-bg-warning-weak-pressed:var(--seed-color-palette-yellow-200);--seed-color-stroke-brand:var(--seed-color-palette-carrot-300);--seed-color-stroke-control:var(--seed-color-palette-gray-400);--seed-color-stroke-critical:var(--seed-color-palette-red-300);--seed-color-stroke-field:var(--seed-color-palette-gray-400);--seed-color-stroke-informative:var(--seed-color-palette-blue-300);--seed-color-stroke-neutral:var(--seed-color-palette-static-white-alpha-100);--seed-color-stroke-positive:var(--seed-color-palette-green-300);--seed-color-stroke-field-focused:var(--seed-color-palette-gray-800);--seed-color-stroke-neutral-muted:var(--seed-color-palette-static-white-alpha-50);--seed-color-stroke-on-image:var(--seed-color-palette-static-white-alpha-50);--seed-color-manner-temp-l1-bg:#222226;--seed-color-manner-temp-l1-text:#b1b5b9;--seed-color-manner-temp-l2-bg:#16212b;--seed-color-manner-temp-l2-text:#7cbaf4;--seed-color-manner-temp-l3-bg:#12262c;--seed-color-manner-temp-l3-text:#47c3eb;--seed-color-manner-temp-l4-bg:#162822;--seed-color-manner-temp-l4-text:#33cc94;--seed-color-manner-temp-l5-bg:#2e2312;--seed-color-manner-temp-l5-text:#ffa100;--seed-color-manner-temp-l6-bg:#2e1d12;--seed-color-manner-temp-l6-text:#ff9147;--seed-gradient-fade-layer-floating:#1d202500 0%,#000 100%;--seed-gradient-fade-layer-default:#16171b00 0%,#000 100%;--seed-gradient-glow-magic:#2d252d 0%,#3a312b 80%,#333232 100%;--seed-gradient-shimmer-magic:#fff9f500 0%,#fff9f51a 46%,#fff9f51a 54%,#fff9f500 100%;--seed-gradient-glow-magic-pressed:#3e333e 0%,#51453e 80%,#434242 100%;--seed-gradient-shimmer-neutral:#fff0 0%,#ffffff1a 46%,#ffffff1a 54%,#fff0 100%;--seed-gradient-highlight-magic:#f60 20%,#d25aca 100%}.seed-avatar__root{box-sizing:border-box;vertical-align:top;border-radius:var(--seed-radius-full);width:var(--avatar-size);height:var(--avatar-size);justify-content:center;align-items:center;display:inline-flex;position:relative}.seed-avatar__root:after{content:"";pointer-events:none;border-radius:var(--seed-radius-full);box-shadow:inset 0 0 0 var(--avatar-stroke-width)var(--seed-color-stroke-on-image);-webkit-mask-image:url("data:image/svg+xml;utf8,"),var(--svg-mask-uri);-webkit-mask-size:100% 100%,var(--badge-mask-size)var(--badge-mask-size);-webkit-mask-position:0 0,var(--badge-mask-offset)var(--badge-mask-offset);-webkit-mask-composite:source-out;-webkit-mask-repeat:no-repeat;mask-image:url("data:image/svg+xml;utf8,"),var(--svg-mask-uri);mask-size:100% 100%,var(--badge-mask-size)var(--badge-mask-size);mask-position:0 0,var(--badge-mask-offset)var(--badge-mask-offset);position:absolute;inset:0;mask-repeat:no-repeat;mask-composite:subtract}.seed-avatar__image{object-fit:cover;width:100%;height:100%;-webkit-mask-image:url("data:image/svg+xml;utf8,"),var(--svg-mask-uri);-webkit-mask-size:100% 100%,var(--badge-mask-size)var(--badge-mask-size);-webkit-mask-position:0 0,var(--badge-mask-offset)var(--badge-mask-offset);-webkit-mask-composite:source-out;-webkit-mask-repeat:no-repeat;mask-image:url("data:image/svg+xml;utf8,"),var(--svg-mask-uri);mask-size:100% 100%,var(--badge-mask-size)var(--badge-mask-size);mask-position:0 0,var(--badge-mask-offset)var(--badge-mask-offset);display:block;overflow:hidden;mask-repeat:no-repeat;mask-composite:subtract}.seed-avatar__image:not([data-loading-state=loaded]){display:none}.seed-avatar__fallback{object-fit:cover;border-radius:var(--seed-radius-full);width:100%;height:100%;-webkit-mask-image:url("data:image/svg+xml;utf8,"),var(--svg-mask-uri);-webkit-mask-size:100% 100%,var(--badge-mask-size)var(--badge-mask-size);-webkit-mask-position:0 0,var(--badge-mask-offset)var(--badge-mask-offset);-webkit-mask-composite:source-out;-webkit-mask-repeat:no-repeat;mask-image:url("data:image/svg+xml;utf8,"),var(--svg-mask-uri);mask-size:100% 100%,var(--badge-mask-size)var(--badge-mask-size);mask-position:0 0,var(--badge-mask-offset)var(--badge-mask-offset);justify-content:center;align-items:center;display:flex;overflow:hidden;mask-repeat:no-repeat;mask-composite:subtract}.seed-avatar__fallback[data-loading-state=loaded]{display:none}.seed-avatar__badge{box-sizing:border-box;z-index:1;top:var(--badge-offset);left:var(--badge-offset);width:var(--badge-size);height:var(--badge-size);justify-content:center;align-items:center;display:flex;position:absolute}.seed-avatar__root--size_20{--avatar-size:20px;--avatar-stroke-width:1px;--badge-mask-size:0px;--badge-mask-offset:0px}.seed-avatar__badge--size_20{display:none}.seed-avatar__root--size_24{--avatar-size:24px;--avatar-stroke-width:1px;--badge-mask-size:12px;--badge-mask-offset:14px}.seed-avatar__badge--size_24{--badge-size:10px;--badge-offset:15px}.seed-avatar__root--size_36{--avatar-size:36px;--avatar-stroke-width:1px;--badge-mask-size:18px;--badge-mask-offset:20px}.seed-avatar__badge--size_36{--badge-size:14px;--badge-offset:22px}.seed-avatar__root--size_42{--avatar-size:42px;--avatar-stroke-width:1px;--badge-mask-size:20px;--badge-mask-offset:24px}.seed-avatar__badge--size_42{--badge-size:16px;--badge-offset:26px}.seed-avatar__root--size_48{--avatar-size:48px;--avatar-stroke-width:1px;--badge-mask-size:22px;--badge-mask-offset:28px}.seed-avatar__badge--size_48{--badge-size:18px;--badge-offset:30px}.seed-avatar__root--size_64{--avatar-size:64px;--avatar-stroke-width:1px;--badge-mask-size:26px;--badge-mask-offset:40px}.seed-avatar__badge--size_64{--badge-size:22px;--badge-offset:42px}.seed-avatar__root--size_80{--avatar-size:80px;--avatar-stroke-width:1px;--badge-mask-size:32px;--badge-mask-offset:52px}.seed-avatar__badge--size_80{--badge-size:28px;--badge-offset:54px}.seed-avatar__root--size_96{--avatar-size:96px;--avatar-stroke-width:1px;--badge-mask-size:38px;--badge-mask-offset:62px}.seed-avatar__badge--size_96{--badge-size:32px;--badge-offset:65px}.seed-avatar__root--badgeMask_none{--svg-mask-uri:url("data:image/svg+xml;utf8,")}.seed-avatar__root--badgeMask_circle{--svg-mask-uri:url("data:image/svg+xml;utf8,")}.seed-avatar__badge--badgeMask_circle{border-radius:9999px}.seed-avatar__root--badgeMask_flower{--svg-mask-uri:url("data:image/svg+xml;utf8,")}.seed-avatar__root--badgeMask_shield{--svg-mask-uri:url("data:image/svg+xml;utf8,")}.seed-avatar-stack__root{box-sizing:border-box;align-items:center;display:inline-flex}.seed-avatar-stack__item{border-radius:var(--seed-radius-full);background-clip:padding-box;display:block}.seed-avatar-stack__item--size_20:not(:first-child){margin-left:-5px}.seed-avatar-stack__item--size_20{clip-path:inset(-1px);box-shadow:0 0 0 1px var(--seed-color-bg-layer-default)}.seed-avatar-stack__item--size_24:not(:first-child){margin-left:-6px}.seed-avatar-stack__item--size_24{clip-path:inset(-1px);box-shadow:0 0 0 1px var(--seed-color-bg-layer-default)}.seed-avatar-stack__item--size_36:not(:first-child){margin-left:-8px}.seed-avatar-stack__item--size_36{clip-path:inset(-2px);box-shadow:0 0 0 2px var(--seed-color-bg-layer-default)}.seed-avatar-stack__item--size_42:not(:first-child){margin-left:-10px}.seed-avatar-stack__item--size_42{clip-path:inset(-2px);box-shadow:0 0 0 2px var(--seed-color-bg-layer-default)}.seed-avatar-stack__item--size_48:not(:first-child){margin-left:-12px}.seed-avatar-stack__item--size_48{clip-path:inset(-2px);box-shadow:0 0 0 2px var(--seed-color-bg-layer-default)}.seed-avatar-stack__item--size_64:not(:first-child){margin-left:-16px}.seed-avatar-stack__item--size_64{clip-path:inset(-3px);box-shadow:0 0 0 3px var(--seed-color-bg-layer-default)}.seed-avatar-stack__item--size_80:not(:first-child){margin-left:-20px}.seed-avatar-stack__item--size_80{clip-path:inset(-4px);box-shadow:0 0 0 4px var(--seed-color-bg-layer-default)}.seed-avatar-stack__item--size_96:not(:first-child){margin-left:-24px}.seed-avatar-stack__item--size_96{clip-path:inset(-5px);box-shadow:0 0 0 5px var(--seed-color-bg-layer-default)}.seed-action-button{box-sizing:border-box;cursor:pointer;text-transform:none;white-space:nowrap;vertical-align:middle;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--seed-box-flex-grow:initial;flex-shrink:0;flex-grow:var(--seed-box-flex-grow);--seed-box-min-width:initial;min-width:var(--seed-box-min-width);--seed-box-padding-bottom:initial;--seed-box-padding-top:initial;--seed-box-padding-left:initial;--seed-box-padding-right:initial;padding-top:var(--seed-box-padding-top);padding-bottom:var(--seed-box-padding-bottom);padding-left:var(--seed-box-padding-left);padding-right:var(--seed-box-padding-right);--seed-box-bleed-bottom:initial;--seed-box-bleed-top:initial;--seed-box-bleed-left:initial;--seed-box-bleed-right:initial;margin-top:calc(var(--seed-box-bleed-top)*-1);margin-bottom:calc(var(--seed-box-bleed-bottom)*-1);margin-left:calc(var(--seed-box-bleed-left)*-1);margin-right:calc(var(--seed-box-bleed-right)*-1);border:none;justify-content:center;align-items:center;font-family:inherit;text-decoration:none;display:inline-flex;position:relative}.seed-action-button:is(:focus,[data-focus]){outline:none}.seed-action-button:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed}.seed-action-button{transition:background-color var(--seed-duration-d4)var(--seed-timing-function-easing);font-weight:var(--seed-font-weight-bold)}.seed-action-button--variant_brandSolid{background:var(--seed-color-bg-brand-solid);color:var(--seed-color-palette-static-white);--seed-prefix-icon-color:var(--seed-color-palette-static-white);--seed-suffix-icon-color:var(--seed-color-palette-static-white);--seed-icon-color:var(--seed-color-palette-static-white);--track-color:var(--seed-color-palette-static-white-alpha-300);--range-color:var(--seed-color-palette-static-white)}.seed-action-button--variant_brandSolid:is(:active,[data-active]){background:var(--seed-color-bg-brand-solid-pressed)}.seed-action-button--variant_brandSolid:is(:disabled,[disabled],[data-disabled]){background:var(--seed-color-bg-disabled);color:var(--seed-color-fg-disabled);--seed-prefix-icon-color:var(--seed-color-fg-disabled);--seed-suffix-icon-color:var(--seed-color-fg-disabled);--seed-icon-color:var(--seed-color-fg-disabled)}.seed-action-button--variant_brandSolid[data-loading]{background:var(--seed-color-bg-brand-solid-pressed)}.seed-action-button--variant_neutralSolid{background:var(--seed-color-bg-neutral-inverted);color:var(--seed-color-fg-neutral-inverted);--seed-prefix-icon-color:var(--seed-color-fg-neutral-inverted);--seed-suffix-icon-color:var(--seed-color-fg-neutral-inverted);--seed-icon-color:var(--seed-color-fg-neutral-inverted);--track-color:var(--seed-color-palette-static-white-alpha-300);--range-color:var(--seed-color-palette-static-white)}.seed-action-button--variant_neutralSolid:is(:active,[data-active]){background:var(--seed-color-bg-neutral-inverted-pressed)}.seed-action-button--variant_neutralSolid:is(:disabled,[disabled],[data-disabled]){background:var(--seed-color-bg-disabled);color:var(--seed-color-fg-disabled);--seed-prefix-icon-color:var(--seed-color-fg-disabled);--seed-suffix-icon-color:var(--seed-color-fg-disabled);--seed-icon-color:var(--seed-color-fg-disabled)}.seed-action-button--variant_neutralSolid[data-loading]{background:var(--seed-color-bg-neutral-inverted-pressed)}.seed-action-button--variant_neutralWeak{background:var(--seed-color-bg-neutral-weak);color:var(--seed-color-fg-neutral);--seed-prefix-icon-color:var(--seed-color-fg-neutral);--seed-suffix-icon-color:var(--seed-color-fg-neutral);--seed-icon-color:var(--seed-color-fg-neutral);--track-color:var(--seed-color-palette-gray-500);--range-color:var(--seed-color-fg-neutral)}.seed-action-button--variant_neutralWeak:is(:active,[data-active]){background:var(--seed-color-bg-neutral-weak-pressed)}.seed-action-button--variant_neutralWeak:is(:disabled,[disabled],[data-disabled]){background:var(--seed-color-bg-disabled);color:var(--seed-color-fg-disabled);--seed-prefix-icon-color:var(--seed-color-fg-disabled);--seed-suffix-icon-color:var(--seed-color-fg-disabled);--seed-icon-color:var(--seed-color-fg-disabled)}.seed-action-button--variant_neutralWeak[data-loading]{background:var(--seed-color-bg-neutral-weak-pressed)}.seed-action-button--variant_criticalSolid{background:var(--seed-color-bg-critical-solid);color:var(--seed-color-palette-static-white);--seed-prefix-icon-color:var(--seed-color-palette-static-white);--seed-suffix-icon-color:var(--seed-color-palette-static-white);--seed-icon-color:var(--seed-color-palette-static-white);--track-color:var(--seed-color-palette-static-white-alpha-300);--range-color:var(--seed-color-palette-static-white)}.seed-action-button--variant_criticalSolid:is(:active,[data-active]){background:var(--seed-color-bg-critical-solid-pressed)}.seed-action-button--variant_criticalSolid:is(:disabled,[disabled],[data-disabled]){background:var(--seed-color-bg-disabled);color:var(--seed-color-fg-disabled);--seed-prefix-icon-color:var(--seed-color-fg-disabled);--seed-suffix-icon-color:var(--seed-color-fg-disabled);--seed-icon-color:var(--seed-color-fg-disabled)}.seed-action-button--variant_criticalSolid[data-loading]{background:var(--seed-color-bg-critical-solid-pressed)}.seed-action-button--variant_brandOutline{background:var(--seed-color-bg-layer-default);border-style:solid;border-width:1px;border-color:var(--seed-color-stroke-neutral);color:var(--seed-color-fg-brand);--seed-prefix-icon-color:var(--seed-color-fg-brand);--seed-suffix-icon-color:var(--seed-color-fg-brand);--seed-icon-color:var(--seed-color-fg-brand);--track-color:var(--seed-color-palette-carrot-200);--range-color:var(--seed-color-bg-brand-solid)}.seed-action-button--variant_brandOutline:is(:active,[data-active]){background:var(--seed-color-bg-layer-default-pressed)}.seed-action-button--variant_brandOutline:is(:disabled,[disabled],[data-disabled]){background:var(--seed-color-bg-layer-default);border-color:var(--seed-color-stroke-neutral);color:var(--seed-color-fg-disabled);--seed-prefix-icon-color:var(--seed-color-fg-disabled);--seed-suffix-icon-color:var(--seed-color-fg-disabled);--seed-icon-color:var(--seed-color-fg-disabled)}.seed-action-button--variant_brandOutline[data-loading]{background:var(--seed-color-bg-layer-default)}.seed-action-button--variant_neutralOutline{background:var(--seed-color-bg-layer-default);border-style:solid;border-width:1px;border-color:var(--seed-color-stroke-neutral);color:var(--seed-color-fg-neutral);--seed-prefix-icon-color:var(--seed-color-fg-neutral);--seed-suffix-icon-color:var(--seed-color-fg-neutral);--seed-icon-color:var(--seed-color-fg-neutral);--track-color:var(--seed-color-palette-gray-500);--range-color:var(--seed-color-fg-neutral)}.seed-action-button--variant_neutralOutline:is(:active,[data-active]){background:var(--seed-color-bg-layer-default-pressed)}.seed-action-button--variant_neutralOutline:is(:disabled,[disabled],[data-disabled]){background:var(--seed-color-bg-layer-default);border-color:var(--seed-color-stroke-neutral);color:var(--seed-color-fg-disabled);--seed-prefix-icon-color:var(--seed-color-fg-disabled);--seed-suffix-icon-color:var(--seed-color-fg-disabled);--seed-icon-color:var(--seed-color-fg-disabled)}.seed-action-button--variant_neutralOutline[data-loading]{background:var(--seed-color-bg-layer-default)}.seed-action-button--variant_ghost{--seed-box-color:var(--seed-color-fg-neutral);color:var(--seed-box-color);--seed-prefix-icon-color:var(--seed-box-color);--seed-suffix-icon-color:var(--seed-box-color);--seed-icon-color:var(--seed-box-color);--track-color:var(--seed-color-palette-gray-500);--range-color:var(--seed-color-fg-neutral);background:#fff0}.seed-action-button--variant_ghost:is(:active,[data-active]){background:var(--seed-color-bg-layer-default-pressed)}.seed-action-button--variant_ghost:is(:disabled,[disabled],[data-disabled]){color:var(--seed-color-fg-disabled);--seed-prefix-icon-color:var(--seed-color-fg-disabled);--seed-suffix-icon-color:var(--seed-color-fg-disabled);--seed-icon-color:var(--seed-color-fg-disabled);background:#fff0}.seed-action-button--variant_ghost[data-loading]{background:var(--seed-color-bg-layer-default-pressed)}.seed-action-button--size_xsmall{height:var(--seed-dimension-x8);border-radius:var(--seed-radius-full);--size:14px;--thickness:2px;--seed-prefix-icon-size:var(--seed-dimension-x3_5);--seed-suffix-icon-size:var(--seed-dimension-x3_5);--seed-icon-size:var(--seed-dimension-x3_5)}.seed-action-button--size_small{height:var(--seed-dimension-x9);border-radius:var(--seed-radius-r2);--size:14px;--thickness:2px;--seed-prefix-icon-size:var(--seed-dimension-x3_5);--seed-suffix-icon-size:var(--seed-dimension-x3_5);--seed-icon-size:var(--seed-dimension-x4)}.seed-action-button--size_medium{height:var(--seed-dimension-x10);border-radius:var(--seed-radius-r2);--size:16px;--thickness:2px;--seed-prefix-icon-size:var(--seed-dimension-x4);--seed-suffix-icon-size:var(--seed-dimension-x4);--seed-icon-size:18px}.seed-action-button--size_large{height:var(--seed-dimension-x13);border-radius:var(--seed-radius-r3);--size:18px;--thickness:2px;--seed-prefix-icon-size:22px;--seed-suffix-icon-size:22px;--seed-icon-size:22px}.seed-action-button--size_xsmall-layout_withText{gap:var(--seed-dimension-x1);--seed-box-padding-left:var(--seed-dimension-x3_5);--seed-box-padding-right:var(--seed-dimension-x3_5);--seed-box-padding-top:var(--seed-dimension-x1_5);--seed-box-padding-bottom:var(--seed-dimension-x1_5);font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4)}.seed-action-button--size_xsmall-layout_iconOnly{min-width:var(--seed-dimension-x8);--seed-box-padding-left:var(--seed-dimension-x1_5);--seed-box-padding-right:var(--seed-dimension-x1_5);--seed-box-padding-top:var(--seed-dimension-x1_5);--seed-box-padding-bottom:var(--seed-dimension-x1_5)}.seed-action-button--size_small-layout_withText{gap:var(--seed-dimension-x1);--seed-box-padding-left:var(--seed-dimension-x3_5);--seed-box-padding-right:var(--seed-dimension-x3_5);--seed-box-padding-top:var(--seed-dimension-x2);--seed-box-padding-bottom:var(--seed-dimension-x2);font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4)}.seed-action-button--size_small-layout_iconOnly{min-width:var(--seed-dimension-x9);--seed-box-padding-left:var(--seed-dimension-x2);--seed-box-padding-right:var(--seed-dimension-x2);--seed-box-padding-top:var(--seed-dimension-x2);--seed-box-padding-bottom:var(--seed-dimension-x2)}.seed-action-button--size_medium-layout_withText{gap:var(--seed-dimension-x1);--seed-box-padding-left:var(--seed-dimension-x4);--seed-box-padding-right:var(--seed-dimension-x4);--seed-box-padding-top:var(--seed-dimension-x2_5);--seed-box-padding-bottom:var(--seed-dimension-x2_5);font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4)}.seed-action-button--size_medium-layout_iconOnly{min-width:var(--seed-dimension-x10);--seed-box-padding-left:var(--seed-dimension-x2_5);--seed-box-padding-right:var(--seed-dimension-x2_5);--seed-box-padding-top:var(--seed-dimension-x2_5);--seed-box-padding-bottom:var(--seed-dimension-x2_5)}.seed-action-button--size_large-layout_withText{gap:var(--seed-dimension-x2);--seed-box-padding-left:var(--seed-dimension-x5);--seed-box-padding-right:var(--seed-dimension-x5);--seed-box-padding-top:var(--seed-dimension-x3_5);--seed-box-padding-bottom:var(--seed-dimension-x3_5);font-size:var(--seed-font-size-t6);line-height:var(--seed-line-height-t6)}.seed-action-button--size_large-layout_iconOnly{min-width:var(--seed-dimension-x13);--seed-box-padding-left:var(--seed-dimension-x3_5);--seed-box-padding-right:var(--seed-dimension-x3_5);--seed-box-padding-top:var(--seed-dimension-x3_5);--seed-box-padding-bottom:var(--seed-dimension-x3_5)}.seed-toggle-button{box-sizing:border-box;cursor:pointer;text-transform:none;white-space:nowrap;vertical-align:middle;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:none;flex-shrink:0;justify-content:center;align-items:center;font-family:inherit;text-decoration:none;display:inline-flex;position:relative}.seed-toggle-button:is(:focus,[data-focus]){outline:none}.seed-toggle-button:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed}.seed-toggle-button{transition:background-color var(--seed-duration-d4)var(--seed-timing-function-easing);font-weight:var(--seed-font-weight-bold)}.seed-toggle-button--variant_brandSolid{background:var(--seed-color-bg-brand-solid);color:var(--seed-color-palette-static-white);--track-color:var(--seed-color-palette-static-white-alpha-300);--range-color:var(--seed-color-palette-static-white)}.seed-toggle-button--variant_brandSolid:is(:active,[data-active]){background:var(--seed-color-bg-brand-solid-pressed)}.seed-toggle-button--variant_brandSolid:is([aria-pressed=true],[data-pressed]){background:var(--seed-color-bg-neutral-weak);color:var(--seed-color-fg-neutral);--track-color:var(--seed-color-palette-gray-500);--range-color:var(--seed-color-fg-neutral);--seed-prefix-icon-color:var(--seed-color-fg-neutral);--seed-suffix-icon-color:var(--seed-color-fg-neutral)}.seed-toggle-button--variant_brandSolid:is([aria-pressed=true],[data-pressed]):is(:active,[data-active]){background:var(--seed-color-bg-neutral-weak-pressed)}.seed-toggle-button--variant_brandSolid:is(:disabled,[disabled],[data-disabled]){background:var(--seed-color-bg-disabled);color:var(--seed-color-fg-disabled);--seed-prefix-icon-color:var(--seed-color-fg-disabled);--seed-suffix-icon-color:var(--seed-color-fg-disabled)}.seed-toggle-button--variant_brandSolid[data-loading]{background:var(--seed-color-bg-brand-solid-pressed)}.seed-toggle-button--variant_brandSolid:is([aria-pressed=true],[data-pressed])[data-loading]{background:var(--seed-color-bg-neutral-weak-pressed)}.seed-toggle-button--variant_brandSolid{--seed-prefix-icon-color:var(--seed-color-palette-static-white);--seed-suffix-icon-color:var(--seed-color-palette-static-white)}.seed-toggle-button--variant_neutralWeak{background:var(--seed-color-bg-neutral-weak);color:var(--seed-color-fg-neutral);--track-color:var(--seed-color-palette-gray-500);--range-color:var(--seed-color-fg-neutral)}.seed-toggle-button--variant_neutralWeak:is(:active,[data-active]){background:var(--seed-color-bg-neutral-weak-pressed)}.seed-toggle-button--variant_neutralWeak:is([aria-pressed=true],[data-pressed]){background:var(--seed-color-bg-neutral-weak);color:var(--seed-color-fg-neutral);--track-color:var(--seed-color-palette-gray-500);--range-color:var(--seed-color-fg-neutral);--seed-prefix-icon-color:var(--seed-color-fg-neutral);--seed-suffix-icon-color:var(--seed-color-fg-neutral)}.seed-toggle-button--variant_neutralWeak:is([aria-pressed=true],[data-pressed]):is(:active,[data-active]){background:var(--seed-color-bg-neutral-weak-pressed)}.seed-toggle-button--variant_neutralWeak:is(:disabled,[disabled],[data-disabled]){background:var(--seed-color-bg-disabled);color:var(--seed-color-fg-disabled);--seed-prefix-icon-color:var(--seed-color-fg-disabled);--seed-suffix-icon-color:var(--seed-color-fg-disabled)}.seed-toggle-button--variant_neutralWeak[data-loading],.seed-toggle-button--variant_neutralWeak:is([aria-pressed=true],[data-pressed])[data-loading]{background:var(--seed-color-bg-neutral-weak-pressed)}.seed-toggle-button--variant_neutralWeak{--seed-prefix-icon-color:var(--seed-color-fg-neutral);--seed-suffix-icon-color:var(--seed-color-fg-neutral)}.seed-toggle-button--size_xsmall{height:var(--seed-dimension-x8);border-radius:var(--seed-radius-full);gap:var(--seed-dimension-x1);padding-inline:var(--seed-dimension-x3_5);padding-block:var(--seed-dimension-x1_5);font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4);--size:14px;--thickness:2px;--seed-prefix-icon-size:var(--seed-dimension-x3_5);--seed-suffix-icon-size:var(--seed-dimension-x3_5)}.seed-toggle-button--size_small{height:var(--seed-dimension-x9);border-radius:var(--seed-radius-full);gap:var(--seed-dimension-x1);padding-inline:var(--seed-dimension-x4);padding-block:var(--seed-dimension-x2);font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4);--size:14px;--thickness:2px;--seed-prefix-icon-size:var(--seed-dimension-x3_5);--seed-suffix-icon-size:var(--seed-dimension-x3_5)}.seed-reaction-button{box-sizing:border-box;cursor:pointer;text-transform:none;white-space:nowrap;vertical-align:middle;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:none;flex-shrink:0;justify-content:center;align-items:center;font-family:inherit;text-decoration:none;display:inline-flex;position:relative}.seed-reaction-button:is(:focus,[data-focus]){outline:none}.seed-reaction-button{transition:background-color var(--seed-duration-d4)var(--seed-timing-function-easing);background:var(--seed-color-bg-neutral-weak);font-weight:var(--seed-font-weight-medium);color:var(--seed-color-fg-neutral);--track-color:var(--seed-color-palette-gray-500);--range-color:var(--seed-color-fg-neutral);--seed-count-font-weight:var(--seed-font-weight-bold);--seed-count-color:var(--seed-color-fg-neutral)}.seed-reaction-button:is(:active,[data-active]){background:var(--seed-color-bg-neutral-weak-pressed)}.seed-reaction-button:is([aria-pressed=true],[data-pressed]){background:var(--seed-color-bg-layer-default);color:var(--seed-color-fg-brand);box-shadow:inset 0 0 0 1px var(--seed-color-stroke-brand);--seed-prefix-icon-color:var(--seed-color-fg-brand);--seed-count-color:var(--seed-color-fg-brand)}.seed-reaction-button:is([aria-pressed=true],[data-pressed]):is(:active,[data-active]){background:var(--seed-color-bg-layer-default-pressed)}.seed-reaction-button:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed;background:var(--seed-color-bg-disabled);color:var(--seed-color-fg-disabled);box-shadow:inset 0 0 0 0px var(--seed-color-stroke-brand);--seed-prefix-icon-color:var(--seed-color-fg-disabled);--seed-count-color:var(--seed-color-fg-disabled)}.seed-reaction-button[data-loading]{background:var(--seed-color-bg-neutral-weak-pressed)}.seed-reaction-button:is([aria-pressed=true],[data-pressed])[data-loading]{background:var(--seed-color-bg-layer-default-pressed);box-shadow:inset 0 0 0 1px var(--seed-color-stroke-brand);--track-color:var(--seed-color-palette-carrot-200);--range-color:var(--seed-color-fg-brand)}.seed-reaction-button--size_xsmall{height:var(--seed-dimension-x8);padding-inline:var(--seed-dimension-x3);padding-block:var(--seed-dimension-x1_5);gap:var(--seed-dimension-x1);border-radius:var(--seed-radius-full);font-size:var(--seed-font-size-t3);line-height:var(--seed-line-height-t3);--size:14px;--thickness:2px;--seed-count-font-size:var(--seed-font-size-t3);--seed-count-line-height:var(--seed-line-height-t3);--seed-prefix-icon-size:18px}.seed-reaction-button--size_small{height:var(--seed-dimension-x9);padding-inline:var(--seed-dimension-x3_5);padding-block:var(--seed-dimension-x2);gap:var(--seed-dimension-x1);border-radius:var(--seed-radius-full);font-size:var(--seed-font-size-t3);line-height:var(--seed-line-height-t3);--size:14px;--thickness:2px;--seed-count-font-size:var(--seed-font-size-t3);--seed-count-line-height:var(--seed-line-height-t3);--seed-prefix-icon-size:18px}.seed-bottom-sheet__positioner{overscroll-behavior-y:none;--sheet-z-index:2;z-index:calc(var(--sheet-z-index) + var(--layer-index,0));justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.seed-bottom-sheet__backdrop{background:var(--seed-color-bg-overlay);z-index:calc(var(--sheet-z-index) + var(--layer-index,0));position:fixed;inset:0}.seed-bottom-sheet__backdrop:not(:is([data-state=open],[data-open])){animation:seed-exit;animation-timing-function:var(--seed-timing-function-exit);animation-duration:var(--seed-duration-d2);--seed-exit-translate-x:0;--seed-exit-translate-y:0;--seed-exit-opacity:0;--seed-exit-scale:1;animation-fill-mode:forwards}.seed-bottom-sheet__backdrop:is([data-state=open],[data-open]){animation:seed-enter;animation-timing-function:var(--seed-timing-function-enter);animation-duration:var(--seed-duration-d2);--seed-enter-translate-x:0;--seed-enter-translate-y:0;--seed-enter-opacity:0;--seed-enter-scale:1}.seed-bottom-sheet__content{box-sizing:border-box;word-break:break-all;z-index:calc(var(--sheet-z-index) + var(--layer-index,0));background:var(--seed-color-bg-layer-floating);border-top-left-radius:var(--seed-radius-r6);border-top-right-radius:var(--seed-radius-r6);flex-direction:column;flex:1;display:flex;position:relative}.seed-bottom-sheet__content:not(:is([data-state=open],[data-open])){animation:seed-exit;animation-timing-function:var(--seed-timing-function-exit);animation-duration:var(--seed-duration-d4);--seed-exit-translate-x:0;--seed-exit-translate-y:100%;--seed-exit-opacity:1;--seed-exit-scale:1;animation-fill-mode:forwards}.seed-bottom-sheet__content:is([data-state=open],[data-open]){animation:seed-enter;animation-timing-function:var(--seed-timing-function-enter-expressive);animation-duration:var(--seed-duration-d6);--seed-enter-translate-x:0;--seed-enter-translate-y:100%;--seed-enter-opacity:1;--seed-enter-scale:1}.seed-bottom-sheet__header{gap:var(--seed-dimension-x2);padding-top:var(--seed-dimension-x6);padding-bottom:var(--seed-dimension-x4);flex-direction:column;display:flex}.seed-bottom-sheet__title{color:var(--seed-color-fg-neutral);font-size:var(--seed-font-size-t8);line-height:var(--seed-line-height-t8);font-weight:var(--seed-font-weight-bold);margin:0}.seed-bottom-sheet__description{color:var(--seed-color-fg-neutral-muted);font-size:var(--seed-font-size-t5);line-height:var(--seed-line-height-t5);font-weight:var(--seed-font-weight-regular);white-space:pre-wrap;margin:0}.seed-bottom-sheet__body{--seed-box-padding-x:var(--seed-dimension-spacing-x-global-gutter);--seed-box-height:initial;--seed-box-min-height:initial;--seed-box-max-height:initial;--seed-box-justify-content:initial;--seed-box-align-items:initial;padding-inline:var(--seed-box-padding-x);height:var(--seed-box-height);min-height:var(--seed-box-min-height);max-height:var(--seed-box-max-height);justify-content:var(--seed-box-justify-content);align-items:var(--seed-box-align-items);flex-direction:column;display:flex}.seed-bottom-sheet__footer{padding-inline:var(--seed-dimension-spacing-x-global-gutter);padding-top:var(--seed-dimension-x3);padding-bottom:var(--seed-dimension-x4);flex-direction:column;display:flex}.seed-bottom-sheet__closeButton{top:var(--seed-dimension-x5);right:var(--seed-dimension-x5);border-radius:var(--seed-radius-full);background:var(--seed-color-bg-neutral-weak);--seed-icon-size:14px;--seed-icon-color:var(--seed-color-fg-neutral);justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute}.seed-bottom-sheet__closeButton:after{content:"";position:absolute;inset:-8px}.seed-bottom-sheet__header--headerAlign_left{padding-left:var(--seed-dimension-spacing-x-global-gutter);justify-content:flex-start;padding-right:50px}.seed-bottom-sheet__header--headerAlign_center{justify-content:center;padding-left:50px;padding-right:50px}.seed-action-sheet__positioner{overscroll-behavior-y:none;--sheet-z-index:2;z-index:calc(var(--sheet-z-index) + var(--layer-index,0));justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.seed-action-sheet__backdrop{background:var(--seed-color-bg-overlay);z-index:calc(var(--sheet-z-index) + var(--layer-index,0));position:fixed;inset:0}.seed-action-sheet__backdrop:not(:is([data-state=open],[data-open])){animation:seed-exit;animation-timing-function:var(--seed-timing-function-exit);animation-duration:var(--seed-duration-d2);--seed-exit-translate-x:0;--seed-exit-translate-y:0;--seed-exit-opacity:0;--seed-exit-scale:1;animation-fill-mode:forwards}.seed-action-sheet__backdrop:is([data-state=open],[data-open]){animation:seed-enter;animation-timing-function:var(--seed-timing-function-enter);animation-duration:var(--seed-duration-d2);--seed-enter-translate-x:0;--seed-enter-translate-y:0;--seed-enter-opacity:0;--seed-enter-scale:1}.seed-action-sheet__content{box-sizing:border-box;word-break:break-all;z-index:calc(var(--sheet-z-index) + var(--layer-index,0));background:var(--seed-color-bg-layer-floating);border-top-left-radius:var(--seed-radius-r5);border-top-right-radius:var(--seed-radius-r5);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.seed-action-sheet__content:not(:is([data-state=open],[data-open])){animation:seed-exit;animation-timing-function:var(--seed-timing-function-exit);animation-duration:var(--seed-duration-d4);--seed-exit-translate-x:0;--seed-exit-translate-y:100%;--seed-exit-opacity:1;--seed-exit-scale:1;animation-fill-mode:forwards}.seed-action-sheet__content:is([data-state=open],[data-open]){animation:seed-enter;animation-timing-function:var(--seed-timing-function-enter-expressive);animation-duration:var(--seed-duration-d6);--seed-enter-translate-x:0;--seed-enter-translate-y:100%;--seed-enter-opacity:1;--seed-enter-scale:1}.seed-action-sheet__header{padding-inline:var(--seed-dimension-spacing-x-global-gutter);padding-block:var(--seed-dimension-x3_5);align-items:center;gap:var(--seed-dimension-x1);flex-direction:column;display:flex;position:relative}.seed-action-sheet__header:after{content:"";left:var(--seed-dimension-spacing-x-global-gutter);right:var(--seed-dimension-spacing-x-global-gutter);background:var(--seed-color-stroke-neutral);height:1px;display:block;position:absolute;bottom:0}.seed-action-sheet__title{color:var(--seed-color-fg-neutral-muted);font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4);font-weight:var(--seed-font-weight-bold)}.seed-action-sheet__description{color:var(--seed-color-fg-neutral-muted);font-size:var(--seed-font-size-t3);line-height:var(--seed-line-height-t3);font-weight:var(--seed-font-weight-regular)}.seed-action-sheet__list{flex-direction:column;align-items:stretch;display:flex}.seed-action-sheet__closeButton{background-color:var(--seed-color-bg-layer-floating);min-height:50px;padding-inline:var(--seed-dimension-spacing-x-global-gutter);padding-block:var(--seed-dimension-x3_5);color:var(--seed-color-fg-neutral);font-size:var(--seed-font-size-t5);line-height:var(--seed-line-height-t5);font-weight:var(--seed-font-weight-bold);justify-content:center;align-items:center;display:flex}.seed-action-sheet__closeButton:is(:active,[data-active]){background-color:var(--seed-color-bg-layer-floating-pressed)}.seed-action-sheet-item{background-color:var(--seed-color-bg-layer-floating);min-height:50px;padding-inline:var(--seed-dimension-spacing-x-global-gutter);padding-block:var(--seed-dimension-x3_5);font-size:var(--seed-font-size-t5);line-height:var(--seed-line-height-t5);font-weight:var(--seed-font-weight-regular);justify-content:center;align-items:center;display:flex;position:relative}.seed-action-sheet-item:is(:active,[data-active]){background-color:var(--seed-color-bg-layer-floating-pressed)}.seed-action-sheet-item:after{content:"";left:var(--seed-dimension-spacing-x-global-gutter);right:var(--seed-dimension-spacing-x-global-gutter);background:var(--seed-color-stroke-neutral);height:1px;display:block;position:absolute;bottom:0}.seed-action-sheet-item--tone_neutral{color:var(--seed-color-fg-neutral)}.seed-action-sheet-item--tone_critical{color:var(--seed-color-fg-critical)}.seed-extended-action-sheet__positioner{overscroll-behavior-y:none;--sheet-z-index:2;z-index:calc(var(--sheet-z-index) + var(--layer-index,0));justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.seed-extended-action-sheet__backdrop{background:var(--seed-color-bg-overlay);z-index:calc(var(--sheet-z-index) + var(--layer-index,0));position:fixed;inset:0}.seed-extended-action-sheet__backdrop:not(:is([data-state=open],[data-open])){animation:seed-exit;animation-timing-function:var(--seed-timing-function-exit);animation-duration:var(--seed-duration-d2);--seed-exit-translate-x:0;--seed-exit-translate-y:0;--seed-exit-opacity:0;--seed-exit-scale:1;animation-fill-mode:forwards}.seed-extended-action-sheet__backdrop:is([data-state=open],[data-open]){animation:seed-enter;animation-timing-function:var(--seed-timing-function-enter);animation-duration:var(--seed-duration-d2);--seed-enter-translate-x:0;--seed-enter-translate-y:0;--seed-enter-opacity:0;--seed-enter-scale:1}.seed-extended-action-sheet__content{box-sizing:border-box;word-break:break-all;z-index:calc(var(--sheet-z-index) + var(--layer-index,0));background:var(--seed-color-bg-layer-floating);padding-inline:var(--seed-dimension-spacing-x-global-gutter);padding-block:var(--seed-dimension-x4);border-top-left-radius:var(--seed-radius-r5);border-top-right-radius:var(--seed-radius-r5);flex-direction:column;flex:1;display:flex;position:relative}.seed-extended-action-sheet__content:not(:is([data-state=open],[data-open])){animation:seed-exit;animation-timing-function:var(--seed-timing-function-exit);animation-duration:var(--seed-duration-d4);--seed-exit-translate-x:0;--seed-exit-translate-y:100%;--seed-exit-opacity:1;--seed-exit-scale:1;animation-fill-mode:forwards}.seed-extended-action-sheet__content:is([data-state=open],[data-open]){animation:seed-enter;animation-timing-function:var(--seed-timing-function-enter-expressive);animation-duration:var(--seed-duration-d6);--seed-enter-translate-x:0;--seed-enter-translate-y:100%;--seed-enter-opacity:1;--seed-enter-scale:1}.seed-extended-action-sheet__header{align-items:center;gap:var(--seed-dimension-x1);padding-bottom:var(--seed-dimension-x4);flex-direction:column;display:flex}.seed-extended-action-sheet__title{color:var(--seed-color-fg-neutral);font-size:var(--seed-font-size-t6);line-height:var(--seed-line-height-t6);font-weight:var(--seed-font-weight-bold)}.seed-extended-action-sheet__list{align-items:stretch;gap:var(--seed-dimension-x2_5);flex-direction:column;display:flex}.seed-extended-action-sheet__group{border-radius:var(--seed-radius-r4);flex-direction:column;align-items:stretch;display:flex;overflow:hidden}.seed-extended-action-sheet__footer{padding-top:var(--seed-dimension-x2_5);flex-direction:column;align-items:stretch;display:flex}.seed-extended-action-sheet__closeButton{background-color:var(--seed-color-bg-neutral-weak);min-height:52px;padding-inline:var(--seed-dimension-x5);padding-block:var(--seed-dimension-x3_5);border-radius:var(--seed-radius-r3);color:var(--seed-color-fg-neutral);font-size:var(--seed-font-size-t5);line-height:var(--seed-line-height-t5);font-weight:var(--seed-font-weight-medium);justify-content:center;align-items:center;display:flex}.seed-extended-action-sheet__closeButton:is(:active,[data-active]){background-color:var(--seed-color-bg-neutral-weak-pressed)}.seed-extended-action-sheet-item{background-color:var(--seed-color-bg-neutral-weak);min-height:52px;padding-inline:var(--seed-dimension-x4);padding-block:var(--seed-dimension-x3_5);justify-content:flex-start;align-items:center;gap:var(--seed-dimension-x3_5);box-shadow:inset 0 calc(-1*1px)0 var(--seed-color-stroke-neutral);font-size:var(--seed-font-size-t5);line-height:var(--seed-line-height-t5);font-weight:var(--seed-font-weight-regular);display:flex}.seed-extended-action-sheet-item:is(:active,[data-active]){background-color:var(--seed-color-bg-neutral-weak-pressed)}.seed-extended-action-sheet-item:last-child{box-shadow:none}.seed-extended-action-sheet-item{--seed-prefix-icon-size:22px}.seed-extended-action-sheet-item--tone_neutral{color:var(--seed-color-fg-neutral);--seed-prefix-icon-color:var(--seed-color-fg-neutral)}.seed-extended-action-sheet-item--tone_critical{color:var(--seed-color-fg-critical);--seed-prefix-icon-color:var(--seed-color-fg-critical)}.seed-contextual-floating-button{box-sizing:border-box;cursor:pointer;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:none;justify-content:center;align-items:center;font-family:inherit;text-decoration:none;display:inline-flex}.seed-contextual-floating-button:is(:focus,[data-focus]){outline:none}.seed-contextual-floating-button:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed}.seed-contextual-floating-button{border-radius:var(--seed-radius-full);font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4);font-weight:var(--seed-font-weight-medium);--seed-box-z-index:initial;z-index:var(--seed-box-z-index);--seed-box-position:initial;position:var(--seed-box-position);--seed-box-top:initial;--seed-box-right:initial;--seed-box-bottom:initial;--seed-box-left:initial;top:var(--seed-box-top);right:var(--seed-box-right);bottom:var(--seed-box-bottom);left:var(--seed-box-left);--seed-icon-size:22px;--size:16px;--thickness:2px;transition:background-color var(--seed-duration-d4)var(--seed-timing-function-easing);box-shadow:0 2px 6px #00000026}.seed-contextual-floating-button--variant_solid{background:var(--seed-color-bg-neutral-inverted);color:var(--seed-color-fg-neutral-inverted);--seed-icon-color:var(--seed-color-fg-neutral-inverted);--seed-prefix-icon-color:var(--seed-color-fg-neutral-inverted);--track-color:var(--seed-color-palette-gray-700);--range-color:var(--seed-color-fg-neutral-inverted)}.seed-contextual-floating-button--variant_solid:is(:active,[data-active]){background:var(--seed-color-bg-neutral-inverted-pressed)}.seed-contextual-floating-button--variant_solid:is(:disabled,[disabled],[data-disabled]){background:var(--seed-color-bg-disabled);color:var(--seed-color-fg-disabled);--seed-prefix-icon-color:var(--seed-color-fg-disabled);--seed-icon-color:var(--seed-color-fg-disabled)}.seed-contextual-floating-button--variant_solid[data-loading]{background:var(--seed-color-bg-neutral-inverted-pressed)}.seed-contextual-floating-button--variant_layer{background:var(--seed-color-bg-layer-floating);color:var(--seed-color-fg-neutral);--seed-icon-color:var(--seed-color-fg-neutral);--seed-prefix-icon-color:var(--seed-color-fg-neutral);--track-color:var(--seed-color-palette-gray-500);--range-color:var(--seed-color-fg-neutral)}.seed-contextual-floating-button--variant_layer:is(:active,[data-active]){background:var(--seed-color-bg-layer-floating-pressed)}.seed-contextual-floating-button--variant_layer:is(:disabled,[disabled],[data-disabled]){background:var(--seed-color-bg-disabled);color:var(--seed-color-fg-disabled);--seed-prefix-icon-color:var(--seed-color-fg-disabled);--seed-icon-color:var(--seed-color-fg-disabled)}.seed-contextual-floating-button--variant_layer[data-loading]{background:var(--seed-color-bg-layer-floating-pressed)}.seed-contextual-floating-button--layout_withText{min-height:36px;padding-inline:var(--seed-dimension-x3_5);padding-block:var(--seed-dimension-x2);gap:var(--seed-dimension-x1);--seed-prefix-icon-size:16px}.seed-contextual-floating-button--layout_iconOnly{--seed-icon-size:22px;width:44px;height:44px}.seed-floating-action-button__root{box-sizing:border-box;cursor:pointer;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:none;justify-content:center;align-items:center;font-family:inherit;text-decoration:none;display:inline-flex}.seed-floating-action-button__root:is(:focus,[data-focus]){outline:none}.seed-floating-action-button__root:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed}.seed-floating-action-button__root{background:var(--seed-color-bg-brand-solid);border-radius:var(--seed-radius-full);color:var(--seed-color-palette-static-white);font-size:var(--seed-font-size-t5);line-height:var(--seed-line-height-t5);font-weight:var(--seed-font-weight-bold);transition:background-color var(--seed-duration-d4)var(--seed-timing-function-easing),max-width var(--seed-duration-d4)var(--seed-timing-function-easing),height var(--seed-duration-d4)var(--seed-timing-function-easing),padding var(--seed-duration-d4)var(--seed-timing-function-easing);position:relative;overflow:hidden;box-shadow:0 2px 6px #00000026}.seed-floating-action-button__root:is(:active,[data-active]){background:var(--seed-color-bg-brand-solid-pressed)}.seed-floating-action-button__icon{color:var(--seed-color-palette-static-white);transition:margin-right var(--seed-duration-d4)var(--seed-timing-function-easing),width var(--seed-duration-d4)var(--seed-timing-function-easing),height var(--seed-duration-d4)var(--seed-timing-function-easing);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.seed-floating-action-button__label{word-break:keep-all;white-space:nowrap;overflow:hidden}.seed-floating-action-button__root--extended_true{padding-inline:var(--seed-dimension-x4_5);width:fit-content;max-width:999px;height:48px}.seed-floating-action-button__icon--extended_true{width:var(--seed-dimension-x5);height:var(--seed-dimension-x5);margin-right:var(--seed-dimension-x1);transition:none}.seed-floating-action-button__root--extended_false{min-width:56px;max-width:56px;height:56px;padding:0}.seed-floating-action-button__icon--extended_false{width:var(--seed-dimension-x6);height:var(--seed-dimension-x6);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.seed-floating-action-button__label--extended_false{opacity:0}.seed-fab{box-sizing:border-box;cursor:pointer;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:none;justify-content:center;align-items:center;font-family:inherit;text-decoration:none;display:inline-flex}.seed-fab:is(:focus,[data-focus]){outline:none}.seed-fab:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed}.seed-fab{background:var(--seed-color-bg-layer-floating);border-radius:var(--seed-radius-full);--seed-icon-size:22px;--seed-icon-color:var(--seed-color-fg-neutral);width:44px;height:44px;box-shadow:0 2px 6px #00000026}.seed-fab:is(:active,[data-active]){background:var(--seed-color-bg-layer-floating-pressed)}.seed-extended-fab{box-sizing:border-box;cursor:pointer;text-transform:none;white-space:nowrap;vertical-align:middle;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:none;flex-shrink:0;justify-content:center;align-items:center;font-family:inherit;text-decoration:none;display:inline-flex}.seed-extended-fab:is(:focus,[data-focus]){outline:none}.seed-extended-fab:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed}.seed-extended-fab{border-radius:var(--seed-radius-full);box-shadow:0 2px 6px #00000026}.seed-extended-fab--variant_neutralSolid{background:var(--seed-color-bg-neutral-inverted);color:var(--seed-color-fg-neutral-inverted)}.seed-extended-fab--variant_neutralSolid:is(:active,[data-active]){background:var(--seed-color-bg-neutral-inverted-pressed)}.seed-extended-fab--variant_neutralSolid{--seed-prefix-icon-color:var(--seed-color-fg-neutral-inverted)}.seed-extended-fab--variant_layerFloating{background:var(--seed-color-bg-layer-floating);color:var(--seed-color-fg-neutral)}.seed-extended-fab--variant_layerFloating:is(:active,[data-active]){background:var(--seed-color-bg-layer-floating-pressed)}.seed-extended-fab--variant_layerFloating{--seed-prefix-icon-color:var(--seed-color-fg-neutral)}.seed-extended-fab--size_small{padding-inline:var(--seed-dimension-x3_5);padding-block:var(--seed-dimension-x2_5);gap:var(--seed-dimension-x1);min-height:40px;font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4);font-weight:var(--seed-font-weight-medium);--seed-prefix-icon-size:16px}.seed-extended-fab--size_medium{padding-inline:var(--seed-dimension-x4);padding-block:var(--seed-dimension-x3);gap:var(--seed-dimension-x1);min-height:48px;font-size:var(--seed-font-size-t5);line-height:var(--seed-line-height-t5);font-weight:var(--seed-font-weight-bold);--seed-prefix-icon-size:16px}.seed-badge{box-sizing:border-box;text-transform:none;text-align:start;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.seed-badge--size_medium{min-height:var(--seed-dimension-x5);padding-inline:var(--seed-dimension-x1_5);padding-block:var(--seed-dimension-x0_5);border-radius:var(--seed-radius-r1);font-size:var(--seed-font-size-t1);line-height:var(--seed-line-height-t1)}.seed-badge--size_large{min-height:var(--seed-dimension-x6);padding-inline:var(--seed-dimension-x2);padding-block:var(--seed-dimension-x1);border-radius:var(--seed-radius-r1_5);font-size:var(--seed-font-size-t2);line-height:var(--seed-line-height-t2)}.seed-badge--variant_weak{font-weight:var(--seed-font-weight-medium)}.seed-badge--variant_solid,.seed-badge--variant_outline{font-weight:var(--seed-font-weight-bold)}.seed-badge--tone_neutral-variant_weak{background-color:var(--seed-color-bg-neutral-weak);color:var(--seed-color-fg-neutral-muted)}.seed-badge--tone_neutral-variant_solid{background-color:var(--seed-color-palette-gray-800);color:var(--seed-color-fg-neutral-inverted)}.seed-badge--tone_neutral-variant_outline{box-shadow:inset 0 0 0 1px var(--seed-color-stroke-neutral);color:var(--seed-color-fg-neutral-muted)}.seed-badge--tone_brand-variant_weak{background-color:var(--seed-color-palette-carrot-100);color:var(--seed-color-palette-carrot-900)}.seed-badge--tone_brand-variant_solid{background-color:var(--seed-color-bg-brand-solid);color:var(--seed-color-palette-static-white)}.seed-badge--tone_brand-variant_outline{box-shadow:inset 0 0 0 1px var(--seed-color-stroke-brand);color:var(--seed-color-fg-brand)}.seed-badge--tone_informative-variant_weak{background-color:var(--seed-color-bg-informative-weak);color:var(--seed-color-fg-informative-contrast)}.seed-badge--tone_informative-variant_solid{background-color:var(--seed-color-bg-informative-solid);color:var(--seed-color-palette-static-white)}.seed-badge--tone_informative-variant_outline{box-shadow:inset 0 0 0 1px var(--seed-color-stroke-informative);color:var(--seed-color-fg-informative)}.seed-badge--tone_positive-variant_weak{background-color:var(--seed-color-bg-positive-weak);color:var(--seed-color-fg-positive-contrast)}.seed-badge--tone_positive-variant_solid{background-color:var(--seed-color-bg-positive-solid);color:var(--seed-color-palette-static-white)}.seed-badge--tone_positive-variant_outline{box-shadow:inset 0 0 0 1px var(--seed-color-stroke-positive);color:var(--seed-color-fg-positive)}.seed-badge--tone_critical-variant_weak{background-color:var(--seed-color-bg-critical-weak);color:var(--seed-color-fg-critical-contrast)}.seed-badge--tone_critical-variant_solid{background-color:var(--seed-color-bg-critical-solid);color:var(--seed-color-palette-static-white)}.seed-badge--tone_critical-variant_outline{box-shadow:inset 0 0 0 1px var(--seed-color-stroke-critical);color:var(--seed-color-fg-critical)}.seed-radio__root{box-sizing:border-box;background-color:var(--seed-color-bg-layer-default);border-style:solid;border-width:1px;border-color:var(--seed-color-stroke-control);border-radius:var(--seed-radius-full);flex:none;justify-content:center;align-items:center;display:flex}.seed-radio__root:is(:active,[data-active]){background-color:var(--seed-color-bg-layer-default-pressed)}.seed-radio__root:is(:checked,[data-checked]){background-color:var(--seed-color-bg-brand-solid);border-width:0}.seed-radio__root:is(:active,[data-active]):is(:checked,[data-checked]){background-color:var(--seed-color-bg-brand-solid-pressed)}.seed-radio__root:is(:disabled,[disabled],[data-disabled]){background-color:var(--seed-color-palette-gray-300)}.seed-radio__root:is(:disabled,[disabled],[data-disabled]):is(:checked,[data-checked]){background-color:none;border-color:var(--seed-color-palette-gray-300)}.seed-radio__icon{border-radius:var(--seed-radius-full);display:none}.seed-radio__icon:is(:checked,[data-checked]){background-color:var(--seed-color-palette-static-white);display:block}.seed-radio__icon:is(:disabled,[disabled],[data-disabled]):is(:checked,[data-checked]){background-color:var(--seed-color-palette-gray-300)}.seed-radio__root--size_large{width:var(--seed-dimension-x6);height:var(--seed-dimension-x6)}.seed-radio__icon--size_large{width:var(--seed-dimension-x2_5);height:var(--seed-dimension-x2_5)}.seed-radio__icon--size_large:is(:disabled,[disabled],[data-disabled]){width:var(--seed-dimension-x3);height:var(--seed-dimension-x3)}.seed-radio__root--size_medium{width:var(--seed-dimension-x5);height:var(--seed-dimension-x5)}.seed-radio__icon--size_medium{width:var(--seed-dimension-x2);height:var(--seed-dimension-x2)}.seed-radio__icon--size_medium:is(:disabled,[disabled],[data-disabled]){width:var(--seed-dimension-x2_5);height:var(--seed-dimension-x2_5)}.seed-dialog__positioner{overscroll-behavior-y:none;--dialog-z-index:2;z-index:calc(var(--dialog-z-index) + var(--layer-index,0));justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.seed-dialog__backdrop{background:var(--seed-color-bg-overlay);z-index:calc(var(--dialog-z-index) + var(--layer-index,0));position:fixed;inset:0}.seed-dialog__backdrop:is([data-state=open],[data-open]){animation:seed-enter;animation-timing-function:var(--seed-timing-function-enter);animation-duration:var(--seed-duration-d2);--seed-enter-translate-x:0;--seed-enter-translate-y:0;--seed-enter-opacity:0;--seed-enter-scale:1}.seed-dialog__backdrop:not(:is([data-state=open],[data-open])){animation:seed-exit;animation-timing-function:var(--seed-timing-function-exit);animation-duration:var(--seed-duration-d2);--seed-exit-translate-x:0;--seed-exit-translate-y:0;--seed-exit-opacity:0;--seed-exit-scale:1;animation-fill-mode:forwards}.seed-dialog__content{box-sizing:border-box;word-break:break-all;z-index:calc(var(--dialog-z-index) + var(--layer-index,0));background:var(--seed-color-bg-layer-floating);max-width:272px;margin:auto var(--seed-dimension-x8);border-radius:var(--seed-radius-r5);flex-direction:column;flex:1;display:flex;position:relative}.seed-dialog__content:is([data-state=open],[data-open]){animation:seed-enter;animation-timing-function:var(--seed-timing-function-enter-expressive);animation-duration:var(--seed-duration-d4);--seed-enter-translate-x:0;--seed-enter-translate-y:0;--seed-enter-opacity:0;--seed-enter-scale:1.3}.seed-dialog__content:not(:is([data-state=open],[data-open])){animation:seed-exit;animation-timing-function:var(--seed-timing-function-exit);animation-duration:var(--seed-duration-d2);--seed-exit-translate-x:0;--seed-exit-translate-y:0;--seed-exit-opacity:0;--seed-exit-scale:1;animation-fill-mode:forwards}.seed-dialog__header{padding-inline:var(--seed-dimension-x5);padding-top:var(--seed-dimension-x5);gap:var(--seed-dimension-x1_5);flex-direction:column;display:flex}.seed-dialog__title{color:var(--seed-color-fg-neutral);font-size:var(--seed-font-size-t7);line-height:var(--seed-line-height-t7);font-weight:var(--seed-font-weight-bold);margin:0}.seed-dialog__description{color:var(--seed-color-fg-neutral);font-size:var(--seed-font-size-t5);line-height:var(--seed-line-height-t5);font-weight:var(--seed-font-weight-regular);white-space:pre-wrap;margin:0}.seed-dialog__footer{padding-inline:var(--seed-dimension-x5);padding-top:var(--seed-dimension-x4);padding-bottom:var(--seed-dimension-x5);flex-direction:column;align-items:stretch;display:flex}.seed-checkbox__root{vertical-align:top;isolation:isolate;cursor:pointer;align-items:flex-start;gap:var(--seed-dimension-x2);max-inline-size:100%;display:inline-flex;position:relative}.seed-checkbox__root:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed}.seed-checkbox__control{box-sizing:border-box;flex-shrink:0;position:relative}.seed-checkbox__icon{content:"";text-align:center;overflow:initial;margin:auto;display:none;position:absolute;inset:0}.seed-checkbox__label{color:var(--seed-color-fg-neutral)}.seed-checkbox__label--weight_default{font-weight:var(--seed-font-weight-regular)}.seed-checkbox__label--weight_stronger{font-weight:var(--seed-font-weight-bold)}.seed-checkbox__control--variant_square{border-style:solid;border-width:1px;border-color:var(--seed-color-stroke-control)}.seed-checkbox__control--variant_square:is(:checked,:indeterminate,[data-checked],[data-indeterminate]){background:var(--seed-color-bg-brand-solid);border-width:0}.seed-checkbox__control--variant_square:is(:active,[data-active]){background:var(--seed-color-bg-layer-default-pressed)}.seed-checkbox__control--variant_square:is(:active,[data-active]):is(:checked,:indeterminate,[data-checked],[data-indeterminate]){background:var(--seed-color-bg-brand-solid-pressed)}.seed-checkbox__control--variant_square:is(:disabled,[disabled],[data-disabled]){background:var(--seed-color-bg-disabled);border-color:var(--seed-color-stroke-neutral)}.seed-checkbox__control--variant_square:is(:disabled,[disabled],[data-disabled]):is(:active,[data-active]){background:var(--seed-color-bg-disabled)}.seed-checkbox__icon--variant_square:is(:checked,:indeterminate,[data-checked],[data-indeterminate]){color:var(--seed-color-palette-static-white);display:block}.seed-checkbox__icon--variant_square:is(:disabled,[disabled],[data-disabled]):is(:checked,:indeterminate,[data-checked],[data-indeterminate]){color:var(--seed-color-fg-disabled);display:block}.seed-checkbox__label--variant_square:is(:disabled,[disabled],[data-disabled]){color:var(--seed-color-fg-disabled)}.seed-checkbox__control--variant_ghost,.seed-checkbox__control--variant_ghost:is(:checked,:indeterminate,[data-checked],[data-indeterminate]){background:0 0}.seed-checkbox__control--variant_ghost:is(:active,[data-active]){background:var(--seed-color-bg-layer-default-pressed)}.seed-checkbox__control--variant_ghost:is(:active,[data-active]):is(:checked,:indeterminate,[data-checked],[data-indeterminate]){background:var(--seed-color-palette-carrot-200)}.seed-checkbox__control--variant_ghost:is(:disabled,[disabled],[data-disabled]):is(:checked,:indeterminate,[data-checked],[data-indeterminate]),.seed-checkbox__control--variant_ghost:is(:disabled,[disabled],[data-disabled]):is(:active,[data-active]){background:0 0}.seed-checkbox__icon--variant_ghost{color:var(--seed-color-fg-placeholder);display:block}.seed-checkbox__icon--variant_ghost:is(:checked,:indeterminate,[data-checked],[data-indeterminate]){color:var(--seed-color-fg-brand)}.seed-checkbox__icon--variant_ghost:is(:disabled,[disabled],[data-disabled]):is(:checked,:indeterminate,[data-checked],[data-indeterminate]),.seed-checkbox__icon--variant_ghost:is(:disabled,[disabled],[data-disabled]),.seed-checkbox__label--variant_ghost:is(:disabled,[disabled],[data-disabled]){color:var(--seed-color-fg-disabled)}.seed-checkbox__root--size_large{min-height:var(--seed-dimension-x9)}.seed-checkbox__control--size_large{border-radius:var(--seed-radius-r1);width:var(--seed-dimension-x6);height:var(--seed-dimension-x6);margin:calc((var(--seed-dimension-x9) - var(--seed-dimension-x6))/2)0}.seed-checkbox__label--size_large{font-size:var(--seed-font-size-t5);line-height:var(--seed-line-height-t5);margin-block-start:calc(18px - .65625rem)}.seed-checkbox__root--size_medium{min-height:var(--seed-dimension-x8)}.seed-checkbox__control--size_medium{border-radius:var(--seed-radius-r1);width:var(--seed-dimension-x5);height:var(--seed-dimension-x5);margin:calc((var(--seed-dimension-x8) - var(--seed-dimension-x5))/2)0}.seed-checkbox__label--size_medium{font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4);margin-block-start:calc(16px - .59375rem)}.seed-checkbox__icon--size_medium-variant_ghost{width:14px;height:14px}.seed-checkbox__icon--size_large-variant_ghost{width:18px;height:18px}.seed-checkbox__icon--size_medium-variant_square{width:12px;height:12px}.seed-checkbox__icon--size_large-variant_square{width:14px;height:14px}.seed-action-chip{box-sizing:border-box;cursor:pointer;text-transform:none;text-align:start;white-space:nowrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:inherit;line-height:1;font-weight:var(--seed-font-weight-medium);border-radius:var(--seed-radius-full);background:var(--seed-color-bg-neutral-weak);color:var(--seed-color-fg-neutral);--seed-prefix-icon-color:var(--seed-color-fg-neutral);--seed-suffix-icon-color:var(--seed-color-fg-neutral-subtle);--seed-icon-color:var(--seed-color-fg-neutral);--seed-count-font-weight:var(--seed-font-weight-medium);--seed-count-color:var(--seed-color-fg-neutral-muted);border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.seed-action-chip:is(:active,[data-active]){background:var(--seed-color-bg-neutral-weak-pressed)}.seed-action-chip:is(:focus,[data-focus]){outline:none}.seed-action-chip:is(:disabled,[disabled],[data-disabled]){background:var(--seed-color-bg-disabled);color:var(--seed-color-fg-disabled);cursor:not-allowed;--seed-prefix-icon-color:var(--seed-color-fg-disabled);--seed-suffix-icon-color:var(--seed-color-fg-disabled);--seed-icon-color:var(--seed-color-fg-disabled)}.seed-action-chip--size_medium{min-height:var(--seed-dimension-x9);padding-block:var(--seed-dimension-x2);gap:var(--seed-dimension-x1);font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4);--seed-count-font-size:var(--seed-font-size-t4);--seed-prefix-icon-size:var(--seed-dimension-x4);--seed-suffix-icon-size:var(--seed-dimension-x3_5);--seed-icon-size:var(--seed-dimension-x4)}.seed-action-chip--size_small{min-height:var(--seed-dimension-x8);padding-block:var(--seed-dimension-x1_5);gap:var(--seed-dimension-x1);font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4);--seed-count-font-size:var(--seed-font-size-t4);--seed-prefix-icon-size:var(--seed-dimension-x4);--seed-suffix-icon-size:var(--seed-dimension-x3_5);--seed-icon-size:var(--seed-dimension-x4)}.seed-action-chip--size_medium-layout_withText{padding-inline:var(--seed-dimension-x3_5)}.seed-action-chip--size_medium-layout_iconOnly{min-width:var(--seed-dimension-x9)}.seed-action-chip--size_small-layout_withText{padding-inline:var(--seed-dimension-x3)}.seed-action-chip--size_small-layout_iconOnly{min-width:var(--seed-dimension-x8)}.seed-chip__root{box-sizing:border-box;cursor:pointer;text-transform:none;text-align:start;white-space:nowrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:var(--seed-radius-full);transition-duration:var(--seed-duration-d4);transition-timing-function:var(--seed-timing-function-easing);border:none;flex-shrink:0;justify-content:center;align-items:center;line-height:1;transition-property:background-color,color,border-color,box-shadow;display:inline-flex}.seed-chip__root:is(:focus,[data-focus]){outline:none}.seed-chip__root:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed}.seed-chip__root{--seed-icon-color:inherit}.seed-chip__label{font-weight:var(--seed-font-weight-medium);padding-inline:var(--seed-dimension-x1_5);color:inherit;justify-content:center;align-items:center;display:inline-flex}.seed-chip__prefixIcon{padding-left:var(--seed-dimension-x1_5);--seed-icon-color:inherit;flex-shrink:0;align-items:center;display:inline-flex}.seed-chip__prefixAvatar{flex-shrink:0;align-items:center;display:inline-flex}.seed-chip__suffixIcon{padding-right:var(--seed-dimension-x1_5);--seed-icon-color:inherit;flex-shrink:0;align-items:center;display:inline-flex}.seed-chip__root--variant_solid{background:var(--seed-color-bg-neutral-weak);color:var(--seed-color-fg-neutral)}.seed-chip__root--variant_solid:is(:checked,[data-checked]){box-shadow:none;background:var(--seed-color-bg-neutral-inverted);color:var(--seed-color-fg-neutral-inverted);--seed-icon-color:var(--seed-color-fg-neutral-inverted)}.seed-chip__root--variant_solid:is(:active,[data-active]):not(:is(:disabled,[disabled],[data-disabled])){background:var(--seed-color-bg-neutral-weak-pressed);color:var(--seed-color-fg-neutral);--seed-icon-color:var(--seed-color-fg-neutral)}.seed-chip__root--variant_solid:is(:checked,[data-checked]):is(:active,[data-active]):not(:is(:disabled,[disabled],[data-disabled])){background:var(--seed-color-bg-neutral-inverted-pressed);color:var(--seed-color-fg-neutral-inverted);--seed-icon-color:var(--seed-color-fg-neutral-inverted)}.seed-chip__root--variant_solid:is(:disabled,[disabled],[data-disabled]){opacity:.5}.seed-chip__root--variant_solid{--seed-icon-color:var(--seed-color-fg-neutral)}.seed-chip__root--variant_outlineStrong{background:var(--seed-color-bg-layer-default);box-shadow:inset 0 0 0 1px var(--seed-color-stroke-neutral);color:var(--seed-color-fg-neutral)}.seed-chip__root--variant_outlineStrong:is(:active,[data-active]):not(:is(:disabled,[disabled],[data-disabled])){background:var(--seed-color-bg-layer-default-pressed);color:var(--seed-color-fg-neutral);--seed-icon-color:var(--seed-color-fg-neutral)}.seed-chip__root--variant_outlineStrong:is(:checked,[data-checked]){background:var(--seed-color-bg-neutral-inverted);color:var(--seed-color-fg-neutral-inverted);--seed-icon-color:var(--seed-color-fg-neutral-inverted)}.seed-chip__root--variant_outlineStrong:is(:checked,[data-checked]):is(:active,[data-active]):not(:is(:disabled,[disabled],[data-disabled])){background:var(--seed-color-bg-neutral-inverted-pressed);color:var(--seed-color-fg-neutral-inverted);--seed-icon-color:var(--seed-color-fg-neutral-inverted)}.seed-chip__root--variant_outlineStrong:is(:disabled,[disabled],[data-disabled]){opacity:.5}.seed-chip__root--variant_outlineStrong{--seed-icon-color:var(--seed-color-fg-neutral)}.seed-chip__root--variant_outlineWeak{background:var(--seed-color-bg-layer-default);box-shadow:inset 0 0 0 1px var(--seed-color-stroke-neutral);color:var(--seed-color-fg-neutral)}.seed-chip__root--variant_outlineWeak:is(:active,[data-active]):not(:is(:disabled,[disabled],[data-disabled])){background:var(--seed-color-bg-layer-default-pressed);box-shadow:inset 0 0 0 1px var(--seed-color-stroke-neutral);color:var(--seed-color-fg-neutral);--seed-icon-color:var(--seed-color-fg-neutral)}.seed-chip__root--variant_outlineWeak:is(:checked,[data-checked]){background:var(--seed-color-bg-neutral-weak);box-shadow:inset 0 0 0 1px var(--seed-color-stroke-field-focused);color:var(--seed-color-fg-neutral);--seed-icon-color:var(--seed-color-fg-neutral)}.seed-chip__root--variant_outlineWeak:is(:checked,[data-checked]):is(:active,[data-active]):not(:is(:disabled,[disabled],[data-disabled])){background:var(--seed-color-bg-neutral-weak-pressed);box-shadow:inset 0 0 0 1px var(--seed-color-stroke-field-focused);color:var(--seed-color-fg-neutral);--seed-icon-color:var(--seed-color-fg-neutral)}.seed-chip__root--variant_outlineWeak:is(:disabled,[disabled],[data-disabled]){opacity:.5}.seed-chip__root--variant_outlineWeak{--seed-icon-color:var(--seed-color-fg-neutral)}.seed-chip__root--size_large{height:40px;padding-inline:var(--seed-dimension-x2_5);--seed-icon-size:var(--seed-dimension-x4)}.seed-chip__label--size_large{font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4)}.seed-chip__prefixIcon--size_large,.seed-chip__suffixIcon--size_large{--seed-icon-size:var(--seed-dimension-x4)}.seed-chip__root--size_medium{height:36px;padding-inline:var(--seed-dimension-x2);--seed-icon-size:var(--seed-dimension-x4)}.seed-chip__label--size_medium{font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4)}.seed-chip__prefixIcon--size_medium{--seed-icon-size:var(--seed-dimension-x4)}.seed-chip__suffixIcon--size_medium{--seed-icon-size:var(--seed-dimension-x3_5)}.seed-chip__root--size_small{height:32px;padding-inline:var(--seed-dimension-x1_5);--seed-icon-size:var(--seed-dimension-x3_5)}.seed-chip__label--size_small{font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4)}.seed-chip__prefixIcon--size_small,.seed-chip__suffixIcon--size_small{--seed-icon-size:var(--seed-dimension-x3_5)}.seed-chip__root--size_small-layout_iconOnly{min-width:var(--seed-dimension-x8)}.seed-chip__root--size_medium-layout_iconOnly{min-width:var(--seed-dimension-x9)}.seed-chip__root--size_large-layout_iconOnly{min-width:var(--seed-dimension-x10)}.seed-control-chip{box-sizing:border-box;cursor:pointer;text-transform:none;text-align:start;white-space:nowrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:var(--seed-radius-full);box-shadow:inset 0 0 0 1px var(--seed-color-stroke-neutral);color:var(--seed-color-fg-neutral);line-height:1;font-weight:var(--seed-font-weight-medium);--seed-prefix-icon-color:var(--seed-color-fg-neutral);--seed-suffix-icon-color:var(--seed-color-fg-neutral-subtle);--seed-icon-color:var(--seed-color-fg-neutral);--seed-count-font-weight:var(--seed-font-weight-medium);--seed-count-color:var(--seed-color-fg-neutral-muted);border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.seed-control-chip:is(:focus,[data-focus]){outline:none}.seed-control-chip:is(:active,[data-active]){background:var(--seed-color-bg-layer-default-pressed)}.seed-control-chip:is(:checked,[data-checked]){box-shadow:none;background:var(--seed-color-bg-neutral-solid-muted);color:var(--seed-color-palette-static-white);font-weight:var(--seed-font-weight-bold);--seed-prefix-icon-color:var(--seed-color-palette-static-white);--seed-suffix-icon-color:var(--seed-color-palette-static-white);--seed-icon-color:var(--seed-color-palette-static-white);--seed-count-color:var(--seed-color-palette-static-white-alpha-800)}.seed-control-chip:is(:checked,[data-checked]):is(:active,[data-active]){background:var(--seed-color-bg-neutral-solid-muted-pressed)}.seed-control-chip:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed;background:var(--seed-color-bg-disabled);color:var(--seed-color-fg-disabled);--seed-prefix-icon-color:var(--seed-color-fg-disabled);--seed-suffix-icon-color:var(--seed-color-fg-disabled);--seed-icon-color:var(--seed-color-fg-disabled)}.seed-control-chip--size_medium{min-height:var(--seed-dimension-x9);padding-block:var(--seed-dimension-x2);gap:var(--seed-dimension-x1);font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4);--seed-prefix-icon-size:var(--seed-dimension-x4);--seed-suffix-icon-size:var(--seed-dimension-x3_5);--seed-icon-size:var(--seed-dimension-x4);--seed-count-font-size:var(--seed-font-size-t4)}.seed-control-chip--size_small{min-height:var(--seed-dimension-x8);padding-block:var(--seed-dimension-x1_5);gap:var(--seed-dimension-x1);font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4);--seed-prefix-icon-size:var(--seed-dimension-x4);--seed-suffix-icon-size:var(--seed-dimension-x3_5);--seed-icon-size:var(--seed-dimension-x4);--seed-count-font-size:var(--seed-font-size-t4)}.seed-control-chip--size_medium-layout_withText{padding-inline:var(--seed-dimension-x3_5)}.seed-control-chip--size_medium-layout_iconOnly{min-width:var(--seed-dimension-x9)}.seed-control-chip--size_small-layout_withText{padding-inline:var(--seed-dimension-x3)}.seed-control-chip--size_small-layout_iconOnly{min-width:var(--seed-dimension-x8)}.seed-callout__root{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:start;width:100%;min-height:50px;padding-inline:var(--seed-dimension-x3_5);padding-block:var(--seed-dimension-x3_5);align-items:center;gap:var(--seed-dimension-x3);border-radius:var(--seed-radius-r2_5);--seed-prefix-icon-size:var(--seed-dimension-x4);--seed-suffix-icon-size:var(--seed-dimension-x4);border:none;font-family:inherit;display:flex}.seed-callout__root:is(button){cursor:pointer}.seed-callout__content{margin-inline-end:auto;display:block}.seed-callout__title{font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4);font-weight:var(--seed-font-weight-bold);margin-inline-end:1ch}.seed-callout__description{font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4);font-weight:var(--seed-font-weight-regular)}.seed-callout__description:not(:last-child){margin-inline-end:1ch}.seed-callout__link{cursor:pointer;font-family:inherit;font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4);font-weight:var(--seed-font-weight-regular);text-underline-offset:2px;background-color:#0000;border:none;padding:0;text-decoration:underline;display:inline-block}.seed-callout__closeButton{cursor:pointer;width:var(--seed-dimension-x10);height:var(--seed-dimension-x10);margin:calc((var(--seed-dimension-x10) - var(--seed-dimension-x4))*-.5);background-color:#0000;border:none;flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.seed-callout__root--tone_neutral{background-color:var(--seed-color-bg-neutral-weak);--seed-prefix-icon-color:var(--seed-color-fg-neutral);--seed-suffix-icon-color:var(--seed-color-fg-neutral)}.seed-callout__root--tone_neutral:is(button):is(:active,[data-active]){background-color:var(--seed-color-bg-neutral-weak-pressed)}.seed-callout__title--tone_neutral,.seed-callout__description--tone_neutral,.seed-callout__link--tone_neutral{color:var(--seed-color-fg-neutral)}.seed-callout__root--tone_informative{background-color:var(--seed-color-bg-informative-weak);--seed-prefix-icon-color:var(--seed-color-fg-informative-contrast);--seed-suffix-icon-color:var(--seed-color-fg-informative-contrast)}.seed-callout__root--tone_informative:is(button):is(:active,[data-active]){background-color:var(--seed-color-bg-informative-weak-pressed)}.seed-callout__title--tone_informative,.seed-callout__description--tone_informative,.seed-callout__link--tone_informative{color:var(--seed-color-fg-informative-contrast)}.seed-callout__root--tone_warning{background-color:var(--seed-color-bg-warning-weak);--seed-prefix-icon-color:var(--seed-color-fg-warning-contrast);--seed-suffix-icon-color:var(--seed-color-fg-warning-contrast)}.seed-callout__root--tone_warning:is(button):is(:active,[data-active]){background-color:var(--seed-color-bg-warning-weak-pressed)}.seed-callout__title--tone_warning,.seed-callout__description--tone_warning,.seed-callout__link--tone_warning{color:var(--seed-color-fg-warning-contrast)}.seed-callout__root--tone_critical{background-color:var(--seed-color-bg-critical-weak);--seed-prefix-icon-color:var(--seed-color-fg-critical-contrast);--seed-suffix-icon-color:var(--seed-color-fg-critical-contrast)}.seed-callout__root--tone_critical:is(button):is(:active,[data-active]){background-color:var(--seed-color-bg-critical-weak-pressed)}.seed-callout__title--tone_critical,.seed-callout__description--tone_critical,.seed-callout__link--tone_critical{color:var(--seed-color-fg-critical-contrast)}.seed-callout__root--tone_magic{background-image:linear-gradient(88deg,var(--seed-gradient-glow-magic));--seed-prefix-icon-color:var(--seed-color-fg-neutral);--seed-suffix-icon-color:var(--seed-color-fg-neutral)}.seed-callout__root--tone_magic:is(button):is(:active,[data-active]){background-image:linear-gradient(88deg,var(--seed-gradient-glow-magic-pressed))}.seed-callout__title--tone_magic,.seed-callout__description--tone_magic,.seed-callout__link--tone_magic{color:var(--seed-color-fg-neutral)}.seed-manner-temp{box-sizing:border-box;justify-content:flex-start;align-items:center;gap:var(--seed-dimension-x1);font-size:var(--seed-font-size-t5);line-height:var(--seed-line-height-t5);font-weight:var(--seed-font-weight-bold);--seed-suffix-icon-size:var(--seed-dimension-x6);display:inline-flex}.seed-manner-temp--level_l1{color:var(--seed-color-manner-temp-l1-text)}.seed-manner-temp--level_l2{color:var(--seed-color-manner-temp-l2-text)}.seed-manner-temp--level_l3{color:var(--seed-color-manner-temp-l3-text)}.seed-manner-temp--level_l4{color:var(--seed-color-manner-temp-l4-text)}.seed-manner-temp--level_l5{color:var(--seed-color-manner-temp-l5-text)}.seed-manner-temp--level_l6{color:var(--seed-color-manner-temp-l6-text)}.seed-manner-temp-badge{box-sizing:border-box;text-transform:none;text-align:start;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:var(--seed-radius-full);min-height:20px;padding-inline:var(--seed-dimension-x1_5);padding-block:var(--seed-dimension-x0_5);font-size:var(--seed-font-size-t1);line-height:var(--seed-line-height-t1);font-weight:var(--seed-font-weight-bold);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.seed-manner-temp-badge--level_l1{background-color:var(--seed-color-manner-temp-l1-bg);color:var(--seed-color-manner-temp-l1-text)}.seed-manner-temp-badge--level_l2{background-color:var(--seed-color-manner-temp-l2-bg);color:var(--seed-color-manner-temp-l2-text)}.seed-manner-temp-badge--level_l3{background-color:var(--seed-color-manner-temp-l3-bg);color:var(--seed-color-manner-temp-l3-text)}.seed-manner-temp-badge--level_l4{background-color:var(--seed-color-manner-temp-l4-bg);color:var(--seed-color-manner-temp-l4-text)}.seed-manner-temp-badge--level_l5{background-color:var(--seed-color-manner-temp-l5-bg);color:var(--seed-color-manner-temp-l5-text)}.seed-manner-temp-badge--level_l6{background-color:var(--seed-color-manner-temp-l6-bg);color:var(--seed-color-manner-temp-l6-text)}.seed-segmented-control__root{box-sizing:border-box;min-width:fit-content;max-width:100%;padding:var(--seed-dimension-x1);border-radius:var(--seed-radius-full);background-color:var(--seed-color-bg-neutral-weak);isolation:isolate;grid-auto-columns:1fr;grid-auto-flow:column;align-items:center;display:grid;position:relative}.seed-segmented-control__indicator{z-index:-1;will-change:transform;transform:translateX(calc(var(--segment-index)*100%));inset-block:var(--seed-dimension-x1);width:calc((100% - var(--seed-dimension-x1)*2)/var(--segment-count));border-radius:var(--seed-radius-full);background-color:var(--seed-color-bg-layer-default);transition:transform var(--seed-duration-d4)var(--seed-timing-function-easing);position:absolute;inset-inline-start:var(--seed-dimension-x1);box-shadow:0 1px 6px #0000000d}.seed-segmented-control__item{text-align:center;cursor:pointer;user-select:none;box-sizing:border-box;overflow-wrap:break-word;min-width:86px;min-height:var(--seed-dimension-x8);padding-inline:var(--seed-dimension-x4);border-radius:var(--seed-radius-full);font-weight:var(--seed-font-weight-medium);font-size:var(--seed-font-size-t5);line-height:var(--seed-line-height-t5);color:var(--seed-color-fg-neutral-muted);justify-content:center;align-items:center;display:flex}.seed-segmented-control__item:is(:checked,[data-checked]){color:var(--seed-color-fg-neutral);font-weight:var(--seed-font-weight-bold)}.seed-segmented-control__item:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed;color:var(--seed-color-fg-disabled)}.seed-segmented-control__item:not(:is(:checked,[data-checked])):is(:active,[data-active]){background-color:var(--seed-color-bg-neutral-weak-pressed)}.seed-select-box-group{flex-direction:column;width:100%;display:flex}.seed-select-box__root{cursor:pointer;justify-content:space-between;align-items:center;gap:var(--seed-dimension-x2_5);padding-inline:var(--seed-dimension-x4);padding-block:var(--seed-dimension-x5);border-radius:var(--seed-radius-r3);box-shadow:inset 0 0 0 1px var(--seed-color-stroke-neutral);display:flex}.seed-select-box__root:is(:active,[data-active]){background-color:var(--seed-color-bg-layer-default-pressed)}.seed-select-box__root:is(:checked,[data-checked]){background-color:var(--seed-color-bg-neutral-weak);box-shadow:inset 0 0 0 1px var(--seed-color-stroke-control)}.seed-select-box__root:is(:checked,[data-checked]):is(:active,[data-active]){background-color:var(--seed-color-bg-neutral-weak-pressed)}.seed-select-box__content{gap:var(--seed-dimension-x0_5);flex-direction:column;display:flex}.seed-select-box__checkboxControl{box-sizing:border-box;width:var(--seed-dimension-x6);height:var(--seed-dimension-x6);background-color:var(--seed-color-bg-layer-default);border-style:solid;border-width:1px;border-color:var(--seed-color-stroke-control);border-radius:var(--seed-radius-r1);flex:none;justify-content:center;align-items:center;display:flex}.seed-select-box__checkboxControl:is(:active,[data-active]){background-color:var(--seed-color-bg-layer-default-pressed)}.seed-select-box__checkboxControl:is(:checked,[data-checked]){background-color:var(--seed-color-bg-brand-solid);border-width:0}.seed-select-box__checkboxControl:is(:checked,[data-checked]):is(:active,[data-active]){background-color:var(--seed-color-bg-brand-solid-pressed)}.seed-select-box__checkboxIcon{width:var(--seed-dimension-x3_5);height:var(--seed-dimension-x3_5);display:none}.seed-select-box__checkboxIcon:is(:checked,[data-checked]){color:var(--seed-color-palette-static-white);display:block}.seed-select-box__radioControl{box-sizing:border-box;width:var(--seed-dimension-x6);height:var(--seed-dimension-x6);background-color:var(--seed-color-bg-layer-default);border-style:solid;border-width:1px;border-color:var(--seed-color-stroke-control);border-radius:var(--seed-radius-full);flex:none;justify-content:center;align-items:center;display:flex}.seed-select-box__radioControl:is(:active,[data-active]){background-color:var(--seed-color-bg-layer-default-pressed)}.seed-select-box__radioControl:is(:checked,[data-checked]){background-color:var(--seed-color-bg-brand-solid);border-width:0}.seed-select-box__radioControl:is(:checked,[data-checked]):is(:active,[data-active]){background-color:var(--seed-color-bg-brand-solid-pressed)}.seed-select-box__radioIcon{width:var(--seed-dimension-x2_5);height:var(--seed-dimension-x2_5);border-radius:var(--seed-radius-full);display:none}.seed-select-box__radioIcon:is(:checked,[data-checked]){background-color:var(--seed-color-palette-static-white);color:var(--seed-color-palette-static-white);display:block}.seed-select-box__label{color:var(--seed-color-fg-neutral);font-weight:var(--seed-font-weight-bold);font-size:var(--seed-font-size-t5);line-height:var(--seed-line-height-t5)}.seed-select-box__description{color:var(--seed-color-fg-neutral-muted);font-weight:var(--seed-font-weight-regular);font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4)}.seed-switch__root{box-sizing:border-box;vertical-align:top;isolation:isolate;opacity:1;cursor:pointer;justify-content:space-between;align-items:flex-start;display:inline-flex;position:relative}.seed-switch__root:is(:disabled,[disabled],[data-disabled]){opacity:.38;cursor:not-allowed}.seed-switch__control{box-sizing:border-box;border-radius:var(--seed-radius-full);background:var(--seed-color-palette-gray-600);transition:background-color 50ms cubic-bezier(.35,0,.35,1) 20ms;display:block;position:relative}.seed-switch__control:is(:checked,[data-checked]){background:var(--seed-color-bg-brand-solid)}.seed-switch__thumb{border-radius:var(--seed-radius-full);background:var(--seed-color-palette-static-white);transition:transform .15s cubic-bezier(.35,0,.35,1)}.seed-switch__root--size_medium{min-height:32px}.seed-switch__control--size_medium{min-block-size:32px;min-inline-size:52px;padding:2px}.seed-switch__thumb--size_medium{width:28px;height:28px;box-shadow:0 3px 8px #00000026,0 1px 3px #0000000f}.seed-switch__thumb--size_medium:is(:checked,[data-checked]){transform:translate(20px)}.seed-switch__root--size_small{gap:var(--seed-dimension-x2);min-height:24px}.seed-switch__control--size_small{min-block-size:16px;min-inline-size:26px;margin:4px 0;padding:2px}.seed-switch__thumb--size_small{width:12px;height:12px}.seed-switch__thumb--size_small:is(:checked,[data-checked]){transform:translate(10px)}.seed-switch__label--size_small{font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4);font-weight:var(--seed-font-weight-regular);margin-top:calc(12px - .59375rem)}.seed-help-bubble__content{background:var(--seed-color-bg-neutral-solid);padding-inline:var(--seed-dimension-x3);padding-block:var(--seed-dimension-x2_5);border-radius:var(--seed-radius-r3);word-break:keep-all;--seed-box-max-width:initial;max-width:var(--seed-box-max-width);flex-direction:column;display:flex;box-shadow:0 8px 24px #00000029}.seed-help-bubble__content:is([data-state=open],[data-open]){animation:seed-enter;animation-timing-function:var(--seed-timing-function-enter);animation-duration:var(--seed-duration-d4);--seed-enter-translate-x:0;--seed-enter-translate-y:0;--seed-enter-opacity:0;--seed-enter-scale:.9}.seed-help-bubble__content:not(:is([data-state=open],[data-open])){animation:seed-exit;animation-timing-function:var(--seed-timing-function-easing);animation-duration:var(--seed-duration-d4);--seed-exit-translate-x:0;--seed-exit-translate-y:0;--seed-exit-opacity:0;--seed-exit-scale:1;animation-fill-mode:forwards}.seed-help-bubble__content:is(:hidden,[hidden],[data-hidden]){display:none!important}.seed-help-bubble__arrow{fill:var(--seed-color-bg-neutral-solid);width:12px;height:8px;font-size:0}.seed-help-bubble__title{color:var(--seed-color-palette-static-white);font-size:var(--seed-font-size-t3);font-weight:var(--seed-font-weight-bold);line-height:var(--seed-line-height-t3)}.seed-help-bubble__description{color:var(--seed-color-palette-static-white);font-size:var(--seed-font-size-t3);font-weight:var(--seed-font-weight-regular);line-height:var(--seed-line-height-t3)}.seed-help-bubble__closeButton{color:var(--seed-color-palette-static-white);--seed-icon-size:14px;--seed-icon-color:var(--seed-color-palette-static-white);justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:3px;right:3px}.seed-identity-placeholder__root{box-sizing:border-box;vertical-align:top;background-color:var(--seed-color-palette-gray-400);justify-content:center;align-items:center;width:100%;height:100%;display:inline-flex;position:relative}.seed-identity-placeholder__image{object-fit:cover;fill:#f7f8fa;width:100%;height:100%;display:block;overflow:hidden}.seed-inline-banner__root{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;min-height:var(--seed-dimension-x10);padding-inline:var(--seed-dimension-x4);padding-block:var(--seed-dimension-x2_5);--seed-prefix-icon-size:var(--seed-dimension-x4);--seed-prefix-icon-margin-right:var(--seed-dimension-x2);--seed-prefix-icon-margin-top:calc((var(--seed-dimension-x10) - var(--seed-dimension-x4))*.5 - var(--seed-dimension-x2_5));--seed-suffix-icon-size:var(--seed-dimension-x4);--seed-suffix-icon-margin-left:var(--seed-dimension-x4);--seed-suffix-icon-margin-top:calc((var(--seed-dimension-x10) - var(--seed-dimension-x4))*.5 - var(--seed-dimension-x2_5));border:none;align-items:flex-start;font-family:inherit;display:flex}.seed-inline-banner__root:is(button){cursor:pointer}.seed-inline-banner__content{box-sizing:border-box;text-align:start;margin-inline-end:auto;display:inline-flex}.seed-inline-banner__title{font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4);font-weight:var(--seed-font-weight-bold);flex-shrink:0;margin-inline-end:1ch}.seed-inline-banner__description{font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4);font-weight:var(--seed-font-weight-medium)}.seed-inline-banner__link{cursor:pointer;margin-left:var(--seed-dimension-x4);font-family:inherit;font-size:var(--seed-font-size-t2);line-height:var(--seed-line-height-t2);font-weight:var(--seed-font-weight-regular);text-underline-offset:2px;background-color:#0000;border:none;flex-grow:0;flex-shrink:0;align-items:center;text-decoration:underline;display:flex}.seed-inline-banner__closeButton{width:var(--seed-dimension-x10);height:var(--seed-dimension-x10);margin:calc((var(--seed-dimension-x10) - var(--seed-dimension-x4))*-.5);margin-top:calc((var(--seed-dimension-x10) - var(--seed-dimension-x4))*-.5 + (var(--seed-dimension-x10) - var(--seed-dimension-x4))*.5 - var(--seed-dimension-x2_5));margin-left:calc((var(--seed-dimension-x10) - var(--seed-dimension-x4))*-.5 + var(--seed-dimension-x4));--seed-suffix-icon-margin-top:initial;--seed-suffix-icon-margin-left:initial;cursor:pointer;background-color:#0000;border:none;flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.seed-inline-banner__root--variant_neutralWeak{background-color:var(--seed-color-bg-neutral-weak);color:var(--seed-color-fg-neutral);--seed-prefix-icon-color:var(--seed-color-fg-neutral);--seed-suffix-icon-color:var(--seed-color-fg-neutral)}.seed-inline-banner__title--variant_neutralWeak,.seed-inline-banner__description--variant_neutralWeak,.seed-inline-banner__link--variant_neutralWeak{color:var(--seed-color-fg-neutral)}.seed-inline-banner__root--variant_positiveWeak{background-color:var(--seed-color-bg-positive-weak);color:var(--seed-color-fg-positive-contrast);--seed-prefix-icon-color:var(--seed-color-fg-positive-contrast);--seed-suffix-icon-color:var(--seed-color-fg-positive-contrast)}.seed-inline-banner__title--variant_positiveWeak,.seed-inline-banner__description--variant_positiveWeak,.seed-inline-banner__link--variant_positiveWeak{color:var(--seed-color-fg-positive-contrast)}.seed-inline-banner__root--variant_informativeWeak{background-color:var(--seed-color-bg-informative-weak);color:var(--seed-color-fg-informative-contrast);--seed-prefix-icon-color:var(--seed-color-fg-informative-contrast);--seed-suffix-icon-color:var(--seed-color-fg-informative-contrast)}.seed-inline-banner__title--variant_informativeWeak,.seed-inline-banner__description--variant_informativeWeak,.seed-inline-banner__link--variant_informativeWeak{color:var(--seed-color-fg-informative-contrast)}.seed-inline-banner__root--variant_warningWeak{background-color:var(--seed-color-bg-warning-weak);color:var(--seed-color-fg-warning-contrast);--seed-prefix-icon-color:var(--seed-color-fg-warning-contrast);--seed-suffix-icon-color:var(--seed-color-fg-warning-contrast)}.seed-inline-banner__title--variant_warningWeak,.seed-inline-banner__description--variant_warningWeak,.seed-inline-banner__link--variant_warningWeak{color:var(--seed-color-fg-warning-contrast)}.seed-inline-banner__root--variant_warningSolid{background-color:var(--seed-color-bg-warning-solid);color:var(--seed-color-fg-neutral);--seed-prefix-icon-color:var(--seed-color-fg-neutral);--seed-suffix-icon-color:var(--seed-color-fg-neutral)}.seed-inline-banner__title--variant_warningSolid,.seed-inline-banner__description--variant_warningSolid,.seed-inline-banner__link--variant_warningSolid{color:var(--seed-color-fg-neutral)}.seed-inline-banner__root--variant_criticalWeak{background-color:var(--seed-color-bg-critical-weak);color:var(--seed-color-fg-critical-contrast);--seed-prefix-icon-color:var(--seed-color-fg-critical-contrast);--seed-suffix-icon-color:var(--seed-color-fg-critical-contrast)}.seed-inline-banner__title--variant_criticalWeak,.seed-inline-banner__description--variant_criticalWeak,.seed-inline-banner__link--variant_criticalWeak{color:var(--seed-color-fg-critical-contrast)}.seed-inline-banner__root--variant_criticalSolid{background-color:var(--seed-color-bg-critical-solid);color:var(--seed-color-palette-static-white);--seed-prefix-icon-color:var(--seed-color-palette-static-white);--seed-suffix-icon-color:var(--seed-color-palette-static-white)}.seed-inline-banner__title--variant_criticalSolid,.seed-inline-banner__description--variant_criticalSolid,.seed-inline-banner__link--variant_criticalSolid{color:var(--seed-color-palette-static-white)}.seed-progress-circle__root{box-sizing:border-box;display:inline-flex;position:relative}.seed-progress-circle__root[data-progress-state=indeterminate]{animation:1.2s cubic-bezier(.35,.25,.65,.75) infinite rotate}.seed-progress-circle__track{stroke:var(--track-color)}.seed-progress-circle__range{stroke:var(--range-color);stroke-linecap:round;transition-property:stroke-dasharray;transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.15,1)}.seed-progress-circle__range[data-progress-state=indeterminate]{animation:1.2s cubic-bezier(.35,0,.65,1) infinite progress-circle-head,1.2s cubic-bezier(.35,0,.65,.6) infinite progress-circle-tail}.seed-progress-circle__root--tone_neutral{--track-color:var(--seed-color-palette-gray-200);--range-color:var(--seed-color-palette-gray-500)}.seed-progress-circle__root--tone_brand{--track-color:var(--seed-color-palette-carrot-200);--range-color:var(--seed-color-bg-brand-solid)}.seed-progress-circle__root--tone_staticWhite{--track-color:var(--seed-color-palette-static-white-alpha-300);--range-color:var(--seed-color-palette-static-white)}.seed-progress-circle__root--size_24{--size:var(--seed-dimension-x6);--thickness:3px}.seed-progress-circle__root--size_40{--size:var(--seed-dimension-x10);--thickness:5px}.seed-tabs__root{position:relative}.seed-tabs__list{isolation:isolate;-ms-overflow-style:none;scrollbar-width:none;flex-wrap:nowrap;align-content:stretch;align-items:stretch;display:flex;position:relative;overflow-x:auto}.seed-tabs__list::-webkit-scrollbar{display:none}.seed-tabs__list{background:var(--seed-color-bg-layer-default);box-shadow:inset 0 -1px var(--seed-color-stroke-neutral)}.seed-tabs__carousel{display:block;overflow:hidden}.seed-tabs__carouselCamera{display:flex}.seed-tabs__carouselCamera[data-auto-height]{align-items:flex-start}.seed-tabs__content{flex:0 0 100%;min-width:0;overflow:hidden auto;transform:translate(0,0)}.seed-tabs__content[data-ssr]:not(:is(:selected,[data-selected])),.seed-tabs__content:not([data-carousel]):not(:is(:selected,[data-selected])){display:none}.seed-tabs__indicator{will-change:left,width;transition-property:left,width;transition-duration:var(--seed-duration-d4);transition-timing-function:var(--seed-timing-function-easing);left:var(--indicator-left,0px);width:var(--indicator-width,0px);color:var(--seed-color-fg-neutral);border-bottom:2px solid var(--seed-color-fg-neutral);position:absolute;bottom:0}.seed-tabs__indicator[data-ssr]{display:none}.seed-tabs__trigger{cursor:pointer;box-sizing:border-box;white-space:nowrap;color:var(--seed-color-fg-neutral-subtle);background-color:#0000;border:none;justify-content:center;align-items:flex-end;display:flex;position:relative}.seed-tabs__trigger:is(:selected,[data-selected]){color:var(--seed-color-fg-neutral)}.seed-tabs__trigger:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed;color:var(--seed-color-fg-disabled)}.seed-tabs__trigger:is(:selected,[data-selected])[data-ssr]:after{content:"";background-color:var(--seed-color-fg-neutral);height:2px;position:absolute;bottom:0}.seed-tabs__list--triggerLayout_fill{justify-content:space-around;padding-inline:0}.seed-tabs__indicator--triggerLayout_fill{left:calc(var(--indicator-left,0px) + var(--seed-dimension-spacing-x-global-gutter));width:calc(var(--indicator-width,0px) - 2*var(--seed-dimension-spacing-x-global-gutter))}.seed-tabs__trigger--triggerLayout_fill{flex:1}.seed-tabs__trigger--triggerLayout_fill:is(:selected,[data-selected])[data-ssr]:after{left:var(--seed-dimension-spacing-x-global-gutter);right:var(--seed-dimension-spacing-x-global-gutter)}.seed-tabs__list--triggerLayout_hug{padding-inline:var(--seed-dimension-spacing-x-global-gutter);justify-content:flex-start}.seed-tabs__indicator--triggerLayout_hug{left:calc(var(--indicator-left,0px) + 0px);width:calc(var(--indicator-width,0px) - 2*0px)}.seed-tabs__trigger--triggerLayout_hug:is(:selected,[data-selected])[data-ssr]:after{left:0;right:0}.seed-tabs__root--contentLayout_fill{flex-direction:column;height:100%;display:flex}.seed-tabs__carousel--contentLayout_fill{flex:1}.seed-tabs__carouselCamera--contentLayout_fill{align-items:stretch;height:100%}.seed-tabs__root--contentLayout_hug{display:block}.seed-tabs__root--size_small{--tabs-list-height:40px}.seed-tabs__list--size_small{min-height:40px}.seed-tabs__trigger--size_small{min-height:40px;padding-inline:var(--seed-dimension-x2_5);padding-block:var(--seed-dimension-x2_5);font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4);font-weight:var(--seed-font-weight-bold)}.seed-tabs__root--size_medium{--tabs-list-height:44px}.seed-tabs__list--size_medium{min-height:44px}.seed-tabs__trigger--size_medium{min-height:44px;padding-inline:var(--seed-dimension-x2_5);padding-block:var(--seed-dimension-x2_5);font-size:var(--seed-font-size-t5);line-height:var(--seed-line-height-t5);font-weight:var(--seed-font-weight-bold)}.seed-tabs__root--stickyList_true{position:relative}.seed-tabs__list--stickyList_true{z-index:1;position:sticky;top:0}.seed-chip-tabs__root{position:relative}.seed-chip-tabs__list{isolation:isolate;-ms-overflow-style:none;scrollbar-width:none;padding:0px var(--seed-dimension-x4);flex-wrap:nowrap;align-content:stretch;align-items:stretch;display:flex;position:relative;overflow-x:auto}.seed-chip-tabs__list::-webkit-scrollbar{display:none}.seed-chip-tabs__carousel{display:block;overflow:hidden}.seed-chip-tabs__carouselCamera{display:flex}.seed-chip-tabs__carouselCamera[data-auto-height]{align-items:flex-start}.seed-chip-tabs__content{flex:0 0 100%;min-width:0;overflow:hidden auto;transform:translate(0,0)}.seed-chip-tabs__content:not([data-carousel]):not(:is(:selected,[data-selected])){display:none}.seed-chip-tabs__trigger{cursor:pointer;box-sizing:border-box;white-space:nowrap;border-radius:var(--seed-radius-full);padding:var(--seed-dimension-x2)var(--seed-dimension-x3_5);min-height:36px;font-family:inherit;font-size:var(--seed-font-size-t4);font-weight:var(--seed-font-weight-bold);border:none;justify-content:center;align-items:center;display:flex}.seed-chip-tabs__list--variant_neutralSolid{gap:0}.seed-chip-tabs__trigger--variant_neutralSolid{color:var(--seed-color-fg-neutral);font-weight:var(--seed-font-weight-bold);background-color:#0000}.seed-chip-tabs__trigger--variant_neutralSolid:is(:selected,[data-selected]){background-color:var(--seed-color-bg-neutral-inverted);color:var(--seed-color-fg-neutral-inverted)}.seed-chip-tabs__trigger--variant_neutralSolid:is(:active,[data-active]){background-color:var(--seed-color-bg-layer-default-pressed)}.seed-chip-tabs__trigger--variant_neutralSolid:is(:selected,[data-selected]):is(:active,[data-active]){background-color:var(--seed-color-bg-neutral-inverted-pressed)}.seed-chip-tabs__trigger--variant_neutralSolid:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed;color:var(--seed-color-fg-disabled)}.seed-chip-tabs__trigger--variant_neutralSolid:is(:disabled,[disabled],[data-disabled]):is(:selected,[data-selected]){background-color:var(--seed-color-bg-disabled);color:var(--seed-color-fg-disabled)}.seed-chip-tabs__list--variant_brandSolid{gap:8px}.seed-chip-tabs__trigger--variant_brandSolid{background-color:var(--seed-color-bg-neutral-weak);color:var(--seed-color-fg-neutral-muted);font-weight:var(--seed-font-weight-medium)}.seed-chip-tabs__trigger--variant_brandSolid:is(:selected,[data-selected]){background-color:var(--seed-color-bg-brand-solid);color:var(--seed-color-palette-static-white);font-weight:var(--seed-font-weight-bold)}.seed-chip-tabs__trigger--variant_brandSolid:is(:active,[data-active]){background-color:var(--seed-color-bg-neutral-weak-pressed)}.seed-chip-tabs__trigger--variant_brandSolid:is(:selected,[data-selected]):is(:active,[data-active]){background-color:var(--seed-color-bg-brand-solid-pressed)}.seed-chip-tabs__trigger--variant_brandSolid:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed;background-color:var(--seed-color-bg-disabled);color:var(--seed-color-fg-disabled)}.seed-chip-tabs__trigger--variant_brandSolid:is(:disabled,[disabled],[data-disabled]):is(:selected,[data-selected]){background-color:var(--seed-color-bg-disabled)}.seed-chip-tabs__root--contentLayout_fill{flex-direction:column;height:100%;display:flex}.seed-chip-tabs__carousel--contentLayout_fill{flex:1}.seed-chip-tabs__carouselCamera--contentLayout_fill{align-items:stretch;height:100%}.seed-chip-tabs__root--contentLayout_hug{display:block}.seed-chip-tabs__root--stickyList_true{position:relative}.seed-chip-tabs__list--stickyList_true{z-index:1;position:sticky;top:0}.seed-skeleton{box-sizing:border-box;--seed-box-width:initial;--seed-box-height:initial;width:var(--seed-box-width);height:var(--seed-box-height);display:inline-block;overflow:hidden}.seed-skeleton:after{content:"";width:100%;height:100%;animation-name:slide-x;animation-duration:1.5s;animation-fill-mode:forwards;animation-timing-function:var(--seed-timing-function-easing);background-repeat:no-repeat;animation-iteration-count:infinite;display:block}.seed-skeleton--radius_0{border-radius:0}.seed-skeleton--radius_8{border-radius:8px}.seed-skeleton--radius_16{border-radius:16px}.seed-skeleton--radius_full{border-radius:var(--seed-radius-full)}.seed-skeleton--tone_neutral{background:var(--seed-color-palette-gray-200)}.seed-skeleton--tone_neutral:after{background-image:linear-gradient(90deg,var(--seed-gradient-shimmer-neutral))}.seed-skeleton--tone_magic{background:var(--seed-color-bg-magic-weak)}.seed-skeleton--tone_magic:after{background-image:linear-gradient(90deg,var(--seed-gradient-shimmer-magic))}.seed-snackbar__root{box-sizing:border-box;background:var(--seed-color-bg-neutral-solid);border-radius:var(--seed-radius-r2);width:100%;padding-inline:var(--seed-dimension-x4);padding-block:var(--seed-dimension-x2_5);justify-content:space-between;align-items:center;gap:var(--seed-dimension-x2);min-height:44px;animation:seed-enter;animation-timing-function:var(--seed-timing-function-enter);animation-duration:var(--seed-duration-d3);--seed-enter-translate-x:0;--seed-enter-translate-y:0;--seed-enter-opacity:0;--seed-enter-scale:.8;display:flex}.seed-snackbar__root:not([data-open]){animation:seed-exit;animation-timing-function:var(--seed-timing-function-exit);animation-duration:var(--seed-duration-d2);--seed-exit-translate-x:0;--seed-exit-translate-y:0;--seed-exit-opacity:0;--seed-exit-scale:.8;animation-fill-mode:forwards}.seed-snackbar__message{color:var(--seed-color-palette-static-white);font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4);font-weight:var(--seed-font-weight-regular);flex-grow:1;margin:0}.seed-snackbar__prefixIcon{flex-shrink:0;width:24px;height:24px}.seed-snackbar__actionButton{box-sizing:border-box;cursor:pointer;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:unset;color:var(--seed-color-fg-brand);font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4);font-weight:var(--seed-font-weight-bold);border:none;outline:none;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex;position:relative}.seed-snackbar__actionButton:after{content:"";top:50%;left:calc(-1*var(--seed-dimension-x2));right:calc(-1*var(--seed-dimension-x2));background:0 0;min-height:44px;position:absolute;transform:translateY(-50%)}.seed-snackbar__prefixIcon--variant_default{display:none}.seed-snackbar__prefixIcon--variant_positive{color:var(--seed-color-fg-positive)}.seed-snackbar__prefixIcon--variant_critical{color:var(--seed-color-fg-critical)}.seed-snackbar-region{z-index:2147483647;left:calc(env(safe-area-inset-left,0px));right:calc(env(safe-area-inset-right,0px));bottom:calc(env(safe-area-inset-bottom,0px) + var(--snackbar-region-offset,0px));padding-inline:var(--seed-dimension-x2);padding-block:var(--seed-dimension-x2);transition-property:bottom;transition-duration:var(--seed-duration-d4);transition-timing-function:var(--seed-timing-function-easing);flex-direction:column;align-items:center;display:flex}.seed-text{text-align:var(--seed-text-align);color:var(--seed-text-color);font-size:var(--seed-font-size);line-height:var(--seed-line-height);font-weight:var(--seed-font-weight);--seed-text-color:inherit;--seed-font-size:inherit;--seed-line-height:inherit;--seed-font-weight:inherit;--seed-text-align:inherit;--seed-max-lines:initial;margin:0}.seed-text--textStyle_screenTitle{--seed-font-size:var(--seed-font-size-t10);--seed-line-height:var(--seed-line-height-t10);--seed-font-weight:var(--seed-font-weight-bold)}.seed-text--textStyle_articleBody{--seed-font-size:var(--seed-font-size-t5);--seed-line-height:var(--seed-line-height-t6);--seed-font-weight:var(--seed-font-weight-regular)}.seed-text--textStyle_t1Regular{--seed-font-size:var(--seed-font-size-t1);--seed-line-height:var(--seed-line-height-t1);--seed-font-weight:var(--seed-font-weight-regular)}.seed-text--textStyle_t1Medium{--seed-font-size:var(--seed-font-size-t1);--seed-line-height:var(--seed-line-height-t1);--seed-font-weight:var(--seed-font-weight-medium)}.seed-text--textStyle_t1Bold{--seed-font-size:var(--seed-font-size-t1);--seed-line-height:var(--seed-line-height-t1);--seed-font-weight:var(--seed-font-weight-bold)}.seed-text--textStyle_t2Regular{--seed-font-size:var(--seed-font-size-t2);--seed-line-height:var(--seed-line-height-t2);--seed-font-weight:var(--seed-font-weight-regular)}.seed-text--textStyle_t2Medium{--seed-font-size:var(--seed-font-size-t2);--seed-line-height:var(--seed-line-height-t2);--seed-font-weight:var(--seed-font-weight-medium)}.seed-text--textStyle_t2Bold{--seed-font-size:var(--seed-font-size-t2);--seed-line-height:var(--seed-line-height-t2);--seed-font-weight:var(--seed-font-weight-bold)}.seed-text--textStyle_t3Regular{--seed-font-size:var(--seed-font-size-t3);--seed-line-height:var(--seed-line-height-t3);--seed-font-weight:var(--seed-font-weight-regular)}.seed-text--textStyle_t3Medium{--seed-font-size:var(--seed-font-size-t3);--seed-line-height:var(--seed-line-height-t3);--seed-font-weight:var(--seed-font-weight-medium)}.seed-text--textStyle_t3Bold{--seed-font-size:var(--seed-font-size-t3);--seed-line-height:var(--seed-line-height-t3);--seed-font-weight:var(--seed-font-weight-bold)}.seed-text--textStyle_t4Regular{--seed-font-size:var(--seed-font-size-t4);--seed-line-height:var(--seed-line-height-t4);--seed-font-weight:var(--seed-font-weight-regular)}.seed-text--textStyle_t4Medium{--seed-font-size:var(--seed-font-size-t4);--seed-line-height:var(--seed-line-height-t4);--seed-font-weight:var(--seed-font-weight-medium)}.seed-text--textStyle_t4Bold{--seed-font-size:var(--seed-font-size-t4);--seed-line-height:var(--seed-line-height-t4);--seed-font-weight:var(--seed-font-weight-bold)}.seed-text--textStyle_t5Regular{--seed-font-size:var(--seed-font-size-t5);--seed-line-height:var(--seed-line-height-t5);--seed-font-weight:var(--seed-font-weight-regular)}.seed-text--textStyle_t5Medium{--seed-font-size:var(--seed-font-size-t5);--seed-line-height:var(--seed-line-height-t5);--seed-font-weight:var(--seed-font-weight-medium)}.seed-text--textStyle_t5Bold{--seed-font-size:var(--seed-font-size-t5);--seed-line-height:var(--seed-line-height-t5);--seed-font-weight:var(--seed-font-weight-bold)}.seed-text--textStyle_t6Regular{--seed-font-size:var(--seed-font-size-t6);--seed-line-height:var(--seed-line-height-t6);--seed-font-weight:var(--seed-font-weight-regular)}.seed-text--textStyle_t6Medium{--seed-font-size:var(--seed-font-size-t6);--seed-line-height:var(--seed-line-height-t6);--seed-font-weight:var(--seed-font-weight-medium)}.seed-text--textStyle_t6Bold{--seed-font-size:var(--seed-font-size-t6);--seed-line-height:var(--seed-line-height-t6);--seed-font-weight:var(--seed-font-weight-bold)}.seed-text--textStyle_t7Regular{--seed-font-size:var(--seed-font-size-t7);--seed-line-height:var(--seed-line-height-t7);--seed-font-weight:var(--seed-font-weight-regular)}.seed-text--textStyle_t7Medium{--seed-font-size:var(--seed-font-size-t7);--seed-line-height:var(--seed-line-height-t7);--seed-font-weight:var(--seed-font-weight-medium)}.seed-text--textStyle_t7Bold{--seed-font-size:var(--seed-font-size-t7);--seed-line-height:var(--seed-line-height-t7);--seed-font-weight:var(--seed-font-weight-bold)}.seed-text--textStyle_t8Bold{--seed-font-size:var(--seed-font-size-t8);--seed-line-height:var(--seed-line-height-t8);--seed-font-weight:var(--seed-font-weight-bold)}.seed-text--textStyle_t9Bold{--seed-font-size:var(--seed-font-size-t9);--seed-line-height:var(--seed-line-height-t9);--seed-font-weight:var(--seed-font-weight-bold)}.seed-text--textStyle_t10Bold{--seed-font-size:var(--seed-font-size-t10);--seed-line-height:var(--seed-line-height-t10);--seed-font-weight:var(--seed-font-weight-bold)}.seed-text--maxLines_none{overflow:unset;min-width:unset;text-overflow:unset;white-space:unset;-webkit-line-clamp:unset}.seed-text--maxLines_single{text-overflow:ellipsis;white-space:nowrap;-webkit-line-clamp:var(--seed-max-lines);min-width:0;display:block;overflow:hidden}.seed-text--maxLines_multi{text-overflow:ellipsis;min-width:0;white-space:initial;-webkit-line-clamp:var(--seed-max-lines);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.seed-text--textDecorationLine_none{text-decoration-line:none}.seed-text--textDecorationLine_line-through{text-decoration-line:line-through}.seed-link-content{cursor:pointer;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:var(--seed-box-color);--seed-suffix-icon-color:var(--seed-box-color);background-color:#0000;border:none;outline:none;align-items:center;padding-block:0;padding-inline:0;font-family:inherit;display:inline-flex}.seed-link-content--weight_bold{font-weight:var(--seed-font-weight-bold)}.seed-link-content--weight_regular{font-weight:var(--seed-font-weight-regular)}.seed-link-content--size_t6{font-size:var(--seed-font-size-t6);line-height:var(--seed-line-height-t6);gap:var(--seed-dimension-x0_5);--seed-suffix-icon-size:var(--seed-dimension-x4)}.seed-link-content--size_t5{font-size:var(--seed-font-size-t5);line-height:var(--seed-line-height-t5);gap:var(--seed-dimension-x0_5);--seed-suffix-icon-size:var(--seed-dimension-x3_5)}.seed-link-content--size_t4{font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4);gap:var(--seed-dimension-x0_5);--seed-suffix-icon-size:var(--seed-dimension-x3)}.seed-text-field__root{flex-direction:column;width:100%;display:flex}.seed-text-field__label{color:var(--seed-color-fg-neutral);font-weight:var(--seed-font-weight-bold)}.seed-text-field__indicator{color:var(--seed-color-fg-neutral);font-weight:var(--seed-font-weight-regular)}.seed-text-field__field{background-color:var(--seed-color-bg-layer-default);border-style:solid;border-width:1px;border-color:var(--seed-color-stroke-field);align-items:center;display:flex}.seed-text-field__field:not([data-readonly]):is(:focus,[data-focus]){border-color:var(--seed-color-stroke-field-focused)}.seed-text-field__field:is(:invalid,[data-invalid]){background-color:var(--seed-color-bg-critical-weak);border-color:var(--seed-color-stroke-critical)}.seed-text-field__field:is(:invalid,[data-invalid]):is(:focus,[data-focus]){background-color:var(--seed-color-bg-layer-default)}.seed-text-field__field:is(:disabled,[disabled],[data-disabled]),.seed-text-field__field[data-readonly]{background-color:var(--seed-color-bg-disabled)}.seed-text-field__prefixText{color:var(--seed-color-fg-neutral)}.seed-text-field__prefixText:is(:disabled,[disabled],[data-disabled]){color:var(--seed-color-fg-disabled)}.seed-text-field__prefixIcon{color:var(--seed-color-fg-neutral);flex-shrink:0}.seed-text-field__prefixIcon:is(:disabled,[disabled],[data-disabled]){color:var(--seed-color-fg-disabled)}.seed-text-field__suffixText{color:var(--seed-color-fg-neutral)}.seed-text-field__suffixText:is(:disabled,[disabled],[data-disabled]){color:var(--seed-color-fg-disabled)}.seed-text-field__suffixIcon{color:var(--seed-color-fg-neutral);flex-shrink:0}.seed-text-field__suffixIcon:is(:disabled,[disabled],[data-disabled]){color:var(--seed-color-fg-disabled)}.seed-text-field__value{box-sizing:border-box;font:inherit}.seed-text-field__value:is(input){padding-inline:0}.seed-text-field__value:is(textarea){width:100%;min-height:90px;padding-inline:0}.seed-text-field__value{resize:none;height:100%;color:var(--seed-color-fg-neutral);background:0 0;border:none;outline:none;flex-grow:1}.seed-text-field__value::placeholder{color:var(--seed-color-fg-placeholder)}.seed-text-field__value:is(:disabled,[disabled],[data-disabled]),.seed-text-field__value:is(:disabled,[disabled],[data-disabled])::placeholder{color:var(--seed-color-fg-disabled)}.seed-text-field__footer{justify-content:space-between;align-items:flex-start;display:flex}.seed-text-field__description{font-weight:var(--seed-font-weight-regular);color:var(--seed-color-fg-neutral-subtle)}.seed-text-field__errorMessage{color:var(--seed-color-fg-critical);flex-direction:row;align-items:center;display:flex}.seed-text-field__errorIcon{flex:none}.seed-text-field__characterCountArea{flex:none;margin-inline-start:auto;display:flex}.seed-text-field__characterCount{color:var(--seed-color-fg-neutral);font-weight:var(--seed-font-weight-regular)}.seed-text-field__characterCount[data-empty]{color:var(--seed-color-fg-neutral-subtle)}.seed-text-field__maxCharacterCount{color:var(--seed-color-fg-neutral-subtle);font-weight:var(--seed-font-weight-regular)}.seed-text-field__header--size_xlarge{padding-bottom:var(--seed-dimension-x3);gap:var(--seed-dimension-x1_5)}.seed-text-field__label--size_xlarge,.seed-text-field__indicator--size_xlarge{font-size:var(--seed-font-size-t5);line-height:var(--seed-line-height-t5)}.seed-text-field__field--size_xlarge{border-radius:var(--seed-radius-r2_5);gap:var(--seed-dimension-x2);min-height:56px;padding-inline:var(--seed-dimension-x4)}.seed-text-field__value--size_xlarge{padding-block:var(--seed-dimension-x3);font-size:var(--seed-font-size-t6);line-height:var(--seed-line-height-t6)}.seed-text-field__prefixText--size_xlarge{font-size:var(--seed-font-size-t6);line-height:var(--seed-line-height-t6)}.seed-text-field__prefixIcon--size_xlarge{width:var(--seed-dimension-x5);height:var(--seed-dimension-x5)}.seed-text-field__suffixText--size_xlarge{font-size:var(--seed-font-size-t6);line-height:var(--seed-line-height-t6)}.seed-text-field__suffixIcon--size_xlarge{width:var(--seed-dimension-x5);height:var(--seed-dimension-x5)}.seed-text-field__footer--size_xlarge{gap:var(--seed-dimension-x3_5);padding-top:var(--seed-dimension-x2);min-height:20px}.seed-text-field__description--size_xlarge,.seed-text-field__errorMessage--size_xlarge{font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4)}.seed-text-field__errorIcon--size_xlarge{width:var(--seed-dimension-x4);height:var(--seed-dimension-x4);margin-right:var(--seed-dimension-x1)}.seed-text-field__characterCount--size_xlarge,.seed-text-field__maxCharacterCount--size_xlarge{font-size:var(--seed-font-size-t2);line-height:var(--seed-line-height-t2)}.seed-text-field__header--size_large{padding-bottom:var(--seed-dimension-x3);gap:var(--seed-dimension-x1_5)}.seed-text-field__label--size_large,.seed-text-field__indicator--size_large{font-size:var(--seed-font-size-t5);line-height:var(--seed-line-height-t5)}.seed-text-field__field--size_large{border-radius:var(--seed-radius-r2_5);gap:var(--seed-dimension-x2);min-height:52px;padding-inline:var(--seed-dimension-x4)}.seed-text-field__value--size_large{padding-block:var(--seed-dimension-x3);font-size:var(--seed-font-size-t5);line-height:var(--seed-line-height-t5)}.seed-text-field__prefixText--size_large{font-size:var(--seed-font-size-t5);line-height:var(--seed-line-height-t5)}.seed-text-field__prefixIcon--size_large{width:var(--seed-dimension-x5);height:var(--seed-dimension-x5)}.seed-text-field__suffixText--size_large{font-size:var(--seed-font-size-t5);line-height:var(--seed-line-height-t5)}.seed-text-field__suffixIcon--size_large{width:var(--seed-dimension-x5);height:var(--seed-dimension-x5)}.seed-text-field__footer--size_large{gap:var(--seed-dimension-x3_5);padding-top:var(--seed-dimension-x2);min-height:20px}.seed-text-field__description--size_large,.seed-text-field__errorMessage--size_large{font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4)}.seed-text-field__errorIcon--size_large{width:var(--seed-dimension-x4);height:var(--seed-dimension-x4);margin-right:var(--seed-dimension-x1)}.seed-text-field__characterCount--size_large,.seed-text-field__maxCharacterCount--size_large{font-size:var(--seed-font-size-t2);line-height:var(--seed-line-height-t2)}.seed-text-field__header--size_medium{padding-bottom:var(--seed-dimension-x3)}.seed-text-field__label--size_medium,.seed-text-field__indicator--size_medium{font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4)}.seed-text-field__field--size_medium{border-radius:var(--seed-radius-r2);gap:var(--seed-dimension-x1_5);min-height:40px;padding-inline:var(--seed-dimension-x3_5)}.seed-text-field__value--size_medium{padding-block:var(--seed-dimension-x2_5);font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4)}.seed-text-field__prefixText--size_medium{font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4)}.seed-text-field__prefixIcon--size_medium{width:var(--seed-dimension-x4);height:var(--seed-dimension-x4)}.seed-text-field__suffixText--size_medium{font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4)}.seed-text-field__suffixIcon--size_medium{width:var(--seed-dimension-x4);height:var(--seed-dimension-x4)}.seed-text-field__footer--size_medium{gap:var(--seed-dimension-x3_5);padding-top:var(--seed-dimension-x2);min-height:var(--seed-dimension-x4)}.seed-text-field__description--size_medium,.seed-text-field__errorMessage--size_medium{font-size:var(--seed-font-size-t2);line-height:var(--seed-line-height-t2)}.seed-text-field__errorIcon--size_medium{width:var(--seed-dimension-x3_5);height:var(--seed-dimension-x3_5);margin-right:var(--seed-dimension-x1)}.seed-text-field__characterCount--size_medium,.seed-text-field__maxCharacterCount--size_medium{font-size:var(--seed-font-size-t2);line-height:var(--seed-line-height-t2)}.seed-notification-badge{box-sizing:border-box;text-transform:none;text-align:start;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--seed-color-bg-brand-solid);color:var(--seed-color-palette-static-white);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.seed-notification-badge--size_small{border-radius:var(--seed-radius-full);width:6px;height:6px}.seed-notification-badge--size_large{border-radius:var(--seed-radius-full);min-height:18px;padding-inline:var(--seed-dimension-x1);font-size:var(--seed-font-size-t1);line-height:var(--seed-line-height-t1);font-weight:var(--seed-font-weight-bold);padding-block:0}.seed-notification-badge-positioner{box-sizing:border-box;justify-content:center;align-items:center;display:inline-flex;position:absolute}.seed-notification-badge-positioner--attach_icon{inset-block-end:auto;inset-inline-start:auto;translate:100% -100%}.seed-notification-badge-positioner--attach_text{inset-block-end:auto;inset-inline-start:auto;translate:100%}.seed-notification-badge-positioner--size_large-attach_icon{inset-block-start:14px;inset-inline-end:8px}.seed-notification-badge-positioner--size_small-attach_icon{inset-block-start:7px;inset-inline-end:7px}.seed-notification-badge-positioner--size_large-attach_text,.seed-notification-badge-positioner--size_small-attach_text{inset-inline-end:-2px}.seed-app-screen__root{--app-bar-offset:calc(var(--app-bar-height) + var(--seed-safe-area-top));width:100%;height:100%;position:absolute;left:0;right:0;overflow:hidden}.seed-app-screen__dim{z-index:var(--z-index-dim);width:100%;position:absolute;top:0;left:0;right:0}.seed-app-screen__layer{z-index:var(--z-index-layer);box-sizing:border-box;-webkit-overflow-scrolling:touch;width:100%;height:100%;position:absolute;left:0;right:0;overflow-y:scroll}.seed-app-screen__layer::-webkit-scrollbar{display:none}.seed-app-screen__layer{background-color:var(--seed-color-bg-layer-default)}.seed-app-screen__edge{z-index:var(--z-index-edge);width:20px;height:100%;position:absolute;left:0;right:0}.seed-app-screen__root--theme_cupertino{--app-bar-height:44px}.seed-app-screen__dim--theme_cupertino{background:var(--seed-color-bg-overlay);height:100%}.seed-app-screen__root--theme_android{--app-bar-height:56px}.seed-app-screen__edge--theme_android{display:none}.seed-app-screen__root--transitionStyle_slideFromRightIOS{--z-index-dim:calc(var(--z-index-base) + 0);--z-index-layer:calc(var(--z-index-base) + 2);--z-index-edge:calc(var(--z-index-base) + 4);--z-index-app-bar:calc(var(--z-index-base) + 7)}.seed-app-screen__layer--transitionStyle_slideFromRightIOS{transform:translate(0,0)}[data-global-transition-state=enter-active] .seed-app-screen__layer--transitionStyle_slideFromRightIOS[data-activity-is-top]{--seed-enter-translate-x:100%;--seed-enter-translate-y:0;--seed-enter-opacity:1;--seed-enter-scale:1;transform:translate3d(var(--swipe-back-target,var(--swipe-back-displacement,0)),0,0);animation:.35s cubic-bezier(.2,.1,.21,.99) seed-enter}[data-global-transition-state=exit-active] .seed-app-screen__layer--transitionStyle_slideFromRightIOS[data-activity-is-top]{transform:translate3d(var(--swipe-back-displacement,0),0,0);--seed-exit-translate-x:100%;--seed-exit-translate-y:0;--seed-exit-opacity:1;--seed-exit-scale:1;animation:.35s cubic-bezier(.2,.1,.21,.99) forwards seed-exit}[data-global-transition-state=enter-done] .seed-app-screen__layer--transitionStyle_slideFromRightIOS[data-activity-is-top]{--seed-enter-translate-x:var(--swipe-back-displacement,0);--seed-enter-translate-y:0;--seed-enter-opacity:1;--seed-enter-scale:1;transform:translate3d(var(--swipe-back-target,var(--swipe-back-displacement,0)),0,0);animation:.35s cubic-bezier(.2,.1,.21,.99) seed-enter}[data-swipe-back-state=swiping] .seed-app-screen__layer--transitionStyle_slideFromRightIOS[data-activity-is-top]:not(#\#){transform:translate3d(var(--swipe-back-displacement,0),0,0);animation:none}[data-global-transition-state=enter-active][data-top-activity-type=full-screen] .seed-app-screen__layer--transitionStyle_slideFromRightIOS:not([data-activity-is-top]){--seed-exit-translate-x:-30%;--seed-exit-translate-y:0;--seed-exit-opacity:1;--seed-exit-scale:1;animation:.35s cubic-bezier(.2,.1,.21,.99) forwards seed-exit;transform:translate(0,0)}[data-global-transition-state=exit-active][data-top-activity-type=full-screen] .seed-app-screen__layer--transitionStyle_slideFromRightIOS:not([data-activity-is-top]){--seed-enter-translate-x:calc(-30% + var(--swipe-back-displacement,0)*.3);--seed-enter-translate-y:0;--seed-enter-opacity:1;--seed-enter-scale:1;animation:.35s cubic-bezier(.2,.1,.21,.99) seed-enter;transform:translate(0,0)}[data-global-transition-state=enter-done][data-top-activity-type=full-screen] .seed-app-screen__layer--transitionStyle_slideFromRightIOS:not([data-activity-is-top]){transform:translate3d(calc(-30% + var(--swipe-back-displacement,0)*.3),0,0);--seed-exit-translate-x:-30%;--seed-exit-translate-y:0;--seed-exit-opacity:1;--seed-exit-scale:1;animation:.35s cubic-bezier(.2,.1,.21,.99) forwards seed-exit}[data-swipe-back-state=swiping] .seed-app-screen__layer--transitionStyle_slideFromRightIOS:not([data-activity-is-top]):not(#\#){transform:translate3d(calc(-30% + var(--swipe-back-displacement,0)*.3),0,0);animation:none}[data-global-transition-state=enter-active] .seed-app-screen__dim--transitionStyle_slideFromRightIOS[data-activity-is-top]{--seed-enter-translate-x:0;--seed-enter-translate-y:0;--seed-enter-opacity:0;--seed-enter-scale:1;opacity:1;animation:.35s cubic-bezier(.2,.1,.21,.99) seed-enter}[data-global-transition-state=exit-active] .seed-app-screen__dim--transitionStyle_slideFromRightIOS[data-activity-is-top]{opacity:calc(1 - var(--swipe-back-displacement-ratio,0));--seed-exit-translate-x:0;--seed-exit-translate-y:0;--seed-exit-opacity:0;--seed-exit-scale:1;animation:.35s cubic-bezier(.2,.1,.21,.99) forwards seed-exit}[data-global-transition-state=enter-done] .seed-app-screen__dim--transitionStyle_slideFromRightIOS[data-activity-is-top]{--seed-enter-translate-x:0;--seed-enter-translate-y:0;--seed-enter-opacity:calc(1 - var(--swipe-back-displacement-ratio,0));--seed-enter-scale:1;opacity:1;animation:.35s cubic-bezier(.2,.1,.21,.99) seed-enter}[data-swipe-back-state=swiping] .seed-app-screen__dim--transitionStyle_slideFromRightIOS[data-activity-is-top]:not(#\#){opacity:calc(1 - var(--swipe-back-displacement-ratio,0));animation:none}.seed-app-screen__root--transitionStyle_fadeFromBottomAndroid{--z-index-dim:calc(var(--z-index-base) + 0);--z-index-layer:calc(var(--z-index-base) + 3);--z-index-edge:calc(var(--z-index-base) + 4);--z-index-app-bar:calc(var(--z-index-base) + 4)}.seed-app-screen__dim--transitionStyle_fadeFromBottomAndroid{background:linear-gradient(var(--seed-color-bg-overlay),#0000);height:160px}[data-global-transition-state=enter-active] .seed-app-screen__dim--transitionStyle_fadeFromBottomAndroid[data-activity-is-top]{--seed-enter-translate-x:0;--seed-enter-translate-y:0;--seed-enter-opacity:0;--seed-enter-scale:1;opacity:1;animation:.3s cubic-bezier(.23,.1,.32,1) seed-enter;transform:translateY(-8vh)}[data-global-transition-state=exit-active] .seed-app-screen__dim--transitionStyle_fadeFromBottomAndroid[data-activity-is-top]{opacity:1;--seed-exit-translate-x:0;--seed-exit-translate-y:0;--seed-exit-opacity:0;--seed-exit-scale:1;animation:.15s linear forwards seed-exit;transform:translateY(-8vh)}.seed-app-screen__layer--transitionStyle_fadeFromBottomAndroid{transform:translate(0,0)}[data-global-transition-state=enter-active] .seed-app-screen__layer--transitionStyle_fadeFromBottomAndroid[data-activity-is-top]{--seed-enter-translate-x:0;--seed-enter-translate-y:8vh;--seed-enter-opacity:0;--seed-enter-scale:1;opacity:1;animation:.3s cubic-bezier(.23,.1,.32,1) seed-enter;transform:translate(0,0)}[data-global-transition-state=exit-active] .seed-app-screen__layer--transitionStyle_fadeFromBottomAndroid[data-activity-is-top]{opacity:1;--seed-exit-translate-x:0;--seed-exit-translate-y:8vh;--seed-exit-opacity:0;--seed-exit-scale:1;animation:.15s linear forwards seed-exit;transform:translate(0,0)}.seed-app-screen__layer--layerOffsetTop_safeArea{padding-top:var(--seed-safe-area-top)}.seed-app-screen__layer--layerOffsetTop_appBar{padding-top:var(--app-bar-offset)}.seed-app-screen__layer--layerOffsetBottom_safeArea{padding-bottom:var(--seed-safe-area-bottom)}.seed-app-bar__root{z-index:var(--z-index-app-bar);box-sizing:border-box;align-items:flex-end;width:100%;display:flex;position:absolute;top:0}.seed-app-bar__root:before{content:"";pointer-events:none;z-index:-1;position:absolute;inset:0}.seed-app-bar__left{align-items:center;height:100%;display:flex}.seed-app-bar__right{align-items:center;height:100%;margin-left:auto;display:flex}.seed-app-bar__iconButton{justify-content:center;align-items:center;display:flex}.seed-app-bar__icon{flex-shrink:0;display:inline-block}.seed-app-bar__root--theme_cupertino{height:calc(44px + var(--seed-safe-area-top));padding-inline:var(--seed-dimension-x4);padding-top:var(--seed-safe-area-top)}.seed-app-bar__iconButton--theme_cupertino{width:44px;height:44px}.seed-app-bar__iconButton--theme_cupertino:first-child{margin-left:-10px}.seed-app-bar__iconButton--theme_cupertino:last-child{margin-right:-10px}.seed-app-bar__icon--theme_cupertino{width:24px;height:24px}.seed-app-bar__root--theme_android{height:calc(56px + var(--seed-safe-area-top));padding-inline:var(--seed-dimension-x4);padding-top:var(--seed-safe-area-top)}.seed-app-bar__iconButton--theme_android{width:44px;height:44px}.seed-app-bar__iconButton--theme_android:first-child{margin-left:-10px}.seed-app-bar__iconButton--theme_android:last-child{margin-right:-10px}.seed-app-bar__icon--theme_android{width:24px;height:24px}.seed-app-bar__left--theme_android{padding-right:16px}[data-global-transition-state=enter-active] .seed-app-bar__root--transitionStyle_slideFromRightIOS[data-activity-is-top]:before{--seed-enter-translate-x:100%;--seed-enter-translate-y:0;--seed-enter-opacity:1;--seed-enter-scale:1;animation:.35s cubic-bezier(.2,.1,.21,.99) seed-enter;transform:translate(0,0)}[data-global-transition-state=exit-active] .seed-app-bar__root--transitionStyle_slideFromRightIOS[data-activity-is-top]:before{transform:translate3d(var(--swipe-back-displacement,0),0,0);--seed-exit-translate-x:100%;--seed-exit-translate-y:0;--seed-exit-opacity:1;--seed-exit-scale:1;animation:.35s cubic-bezier(.2,.1,.21,.99) forwards seed-exit}[data-global-transition-state=enter-done] .seed-app-bar__root--transitionStyle_slideFromRightIOS[data-activity-is-top]:before{--seed-enter-translate-x:var(--swipe-back-displacement,0);--seed-enter-translate-y:0;--seed-enter-opacity:1;--seed-enter-scale:1;animation:.35s cubic-bezier(.2,.1,.21,.99) seed-enter;transform:translate(0,0)}[data-global-transition-state=enter-active] .seed-app-bar__icon--transitionStyle_slideFromRightIOS[data-activity-is-top]{--seed-enter-translate-x:0;--seed-enter-translate-y:0;--seed-enter-opacity:0;--seed-enter-scale:1;opacity:1;animation:.35s cubic-bezier(.2,.1,.21,.99) seed-enter}[data-global-transition-state=exit-active] .seed-app-bar__icon--transitionStyle_slideFromRightIOS[data-activity-is-top]{opacity:calc(1 - var(--swipe-back-displacement-ratio,0));--seed-exit-translate-x:0;--seed-exit-translate-y:0;--seed-exit-opacity:0;--seed-exit-scale:1;animation:.35s cubic-bezier(.2,.1,.21,.99) forwards seed-exit}[data-global-transition-state=enter-done] .seed-app-bar__icon--transitionStyle_slideFromRightIOS[data-activity-is-top]{--seed-enter-translate-x:0;--seed-enter-translate-y:0;--seed-enter-opacity:calc(1 - var(--swipe-back-displacement-ratio,0));--seed-enter-scale:1;opacity:1;animation:.35s cubic-bezier(.2,.1,.21,.99) seed-enter}[data-swipe-back-state=swiping] .seed-app-bar__icon--transitionStyle_slideFromRightIOS[data-activity-is-top]:not(#\#){opacity:calc(1 - var(--swipe-back-displacement-ratio,0));animation:none}[data-global-transition-state=enter-active][data-top-activity-type=full-screen] .seed-app-bar__icon--transitionStyle_slideFromRightIOS:not([data-activity-is-top]){opacity:1;--seed-exit-translate-x:0;--seed-exit-translate-y:0;--seed-exit-opacity:0;--seed-exit-scale:1;animation:.35s cubic-bezier(.2,.1,.21,.99) forwards seed-exit}[data-global-transition-state=exit-active][data-top-activity-type=full-screen] .seed-app-bar__icon--transitionStyle_slideFromRightIOS:not([data-activity-is-top]){--seed-enter-translate-x:0;--seed-enter-translate-y:0;--seed-enter-opacity:calc(1 - var(--swipe-back-displacement-ratio,0));--seed-enter-scale:1;opacity:1;animation:.35s cubic-bezier(.2,.1,.21,.99) seed-enter}[data-global-transition-state=enter-done][data-top-activity-type=full-screen] .seed-app-bar__icon--transitionStyle_slideFromRightIOS:not([data-activity-is-top]){opacity:calc(1 - var(--swipe-back-displacement-ratio,0));--seed-exit-translate-x:0;--seed-exit-translate-y:0;--seed-exit-opacity:0;--seed-exit-scale:1;animation:.35s cubic-bezier(.2,.1,.21,.99) forwards seed-exit}[data-swipe-back-state=swiping] .seed-app-bar__icon--transitionStyle_slideFromRightIOS:not([data-activity-is-top]):not(#\#){opacity:calc(1 - var(--swipe-back-displacement-ratio,0));animation:none}[data-global-transition-state=enter-active] .seed-app-bar__root--transitionStyle_fadeFromBottomAndroid[data-activity-is-top]{--seed-enter-translate-x:0;--seed-enter-translate-y:8vh;--seed-enter-opacity:0;--seed-enter-scale:1;opacity:1;animation:.3s cubic-bezier(.23,.1,.32,1) seed-enter;transform:translate(0,0)}[data-global-transition-state=exit-active] .seed-app-bar__root--transitionStyle_fadeFromBottomAndroid[data-activity-is-top]{opacity:1;--seed-exit-translate-x:0;--seed-exit-translate-y:8vh;--seed-exit-opacity:0;--seed-exit-scale:1;animation:.15s linear forwards seed-exit;transform:translate(0,0)}.seed-app-bar__root--tone_layer:before{background-color:var(--seed-color-bg-layer-default)}.seed-app-bar__icon--tone_layer{color:var(--seed-color-fg-neutral)}.seed-app-bar__root--tone_transparent:before{background-color:#0000}.seed-app-bar__icon--tone_transparent{color:var(--seed-color-palette-static-white)}.seed-app-bar__root--divider_true:before{box-shadow:inset 0px calc(-1*1px)0 var(--seed-color-stroke-neutral-muted)}.seed-app-bar-main__root{flex:1}.seed-app-bar-main__title,.seed-app-bar-main__subtitle{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.seed-app-bar-main__title--layout_titleOnly{font-size:var(--seed-font-size-t6-static);font-weight:var(--seed-font-weight-bold)}.seed-app-bar-main__title--layout_withSubtitle{font-size:var(--seed-font-size-t5-static);font-weight:var(--seed-font-weight-bold)}.seed-app-bar-main__subtitle--layout_withSubtitle{font-size:var(--seed-font-size-t2-static);font-weight:var(--seed-font-weight-regular)}.seed-app-bar-main__root--theme_cupertino{text-align:center;top:var(--seed-safe-area-top);padding-inline:var(--centered-title-padding-x,0);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0}.seed-app-bar-main__root--theme_android{justify-content:flex-start;align-items:center;width:100%;height:100%;display:flex}[data-global-transition-state=enter-active] .seed-app-bar-main__root--transitionStyle_slideFromRightIOS[data-activity-is-top]{--seed-enter-translate-x:25%;--seed-enter-translate-y:0;--seed-enter-opacity:0;--seed-enter-scale:1;opacity:1;animation:.35s cubic-bezier(.2,.1,.21,.99) seed-enter;transform:translate(0,0)}[data-global-transition-state=exit-active] .seed-app-bar-main__root--transitionStyle_slideFromRightIOS[data-activity-is-top]{transform:translate3d(calc(var(--swipe-back-displacement,0)*.25),0,0);opacity:calc(1 - var(--swipe-back-displacement-ratio,0));--seed-exit-translate-x:25%;--seed-exit-translate-y:0;--seed-exit-opacity:0;--seed-exit-scale:1;animation:.35s cubic-bezier(.2,.1,.21,.99) forwards seed-exit}[data-global-transition-state=enter-done] .seed-app-bar-main__root--transitionStyle_slideFromRightIOS[data-activity-is-top]{--seed-enter-translate-x:calc(var(--swipe-back-displacement,0)*.25);--seed-enter-translate-y:0;--seed-enter-opacity:calc(1 - var(--swipe-back-displacement-ratio,0));--seed-enter-scale:1;opacity:1;animation:.35s cubic-bezier(.2,.1,.21,.99) seed-enter;transform:translate(0,0)}[data-swipe-back-state=swiping] .seed-app-bar-main__root--transitionStyle_slideFromRightIOS[data-activity-is-top]:not(#\#){transform:translate3d(calc(var(--swipe-back-displacement,0)*.25),0,0);opacity:calc(1 - var(--swipe-back-displacement-ratio,0));animation:none}[data-global-transition-state=enter-active][data-top-activity-type=full-screen] .seed-app-bar-main__root--transitionStyle_slideFromRightIOS:not([data-activity-is-top]){opacity:1;--seed-exit-translate-x:-25%;--seed-exit-translate-y:0;--seed-exit-opacity:0;--seed-exit-scale:1;animation:.35s cubic-bezier(.2,.1,.21,.99) forwards seed-exit;transform:translate(0,0)}[data-global-transition-state=exit-active][data-top-activity-type=full-screen] .seed-app-bar-main__root--transitionStyle_slideFromRightIOS:not([data-activity-is-top]){--seed-enter-translate-x:calc(-25% + var(--swipe-back-displacement,0)*.25);--seed-enter-translate-y:0;--seed-enter-opacity:calc(1 - var(--swipe-back-displacement-ratio,0));--seed-enter-scale:1;opacity:1;animation:.35s cubic-bezier(.2,.1,.21,.99) seed-enter;transform:translate(0,0)}[data-global-transition-state=enter-done][data-top-activity-type=full-screen] .seed-app-bar-main__root--transitionStyle_slideFromRightIOS:not([data-activity-is-top]){transform:translate3d(calc(-25% + var(--swipe-back-displacement,0)*.25),0,0);opacity:calc(1 - var(--swipe-back-displacement-ratio,0));--seed-exit-translate-x:-25%;--seed-exit-translate-y:0;--seed-exit-opacity:0;--seed-exit-scale:1;animation:.35s cubic-bezier(.2,.1,.21,.99) forwards seed-exit}[data-swipe-back-state=swiping] .seed-app-bar-main__root--transitionStyle_slideFromRightIOS:not([data-activity-is-top]):not(#\#){transform:translate3d(calc(-25% + var(--swipe-back-displacement,0)*.25),0,0);opacity:calc(1 - var(--swipe-back-displacement-ratio,0));animation:none}.seed-app-bar-main__root--tone_layer,.seed-app-bar-main__title--tone_layer{color:var(--seed-color-fg-neutral)}.seed-app-bar-main__subtitle--tone_layer{color:var(--seed-color-fg-neutral-muted)}.seed-app-bar-main__root--tone_transparent,.seed-app-bar-main__title--tone_transparent,.seed-app-bar-main__subtitle--tone_transparent{color:var(--seed-color-palette-static-white)}.seed-pull-to-refresh__root{--ptr-size:44px;--ptr-transition-duration:var(--seed-duration-d6);height:100%}.seed-pull-to-refresh__indicator{transform:translateY(min(calc(var(--ptr-displacement,0) - var(--ptr-size)),0px));transition:transform var(--seed-duration-d6);justify-content:center;align-items:center;display:flex}.seed-pull-to-refresh__indicator[data-ptr-dragging]{transition:none}@keyframes seed-enter{0%{opacity:var(--seed-enter-opacity,1);transform:translate3d(var(--seed-enter-translate-x,0),var(--seed-enter-translate-y,0),0)scale3d(var(--seed-enter-scale,1),var(--seed-enter-scale,1),var(--seed-enter-scale,1))rotate(var(--seed-enter-rotate,0))}}@keyframes seed-exit{to{opacity:var(--seed-exit-opacity,1);transform:translate3d(var(--seed-exit-translate-x,0),var(--seed-exit-translate-y,0),0)scale3d(var(--seed-exit-scale,1),var(--seed-exit-scale,1),var(--seed-exit-scale,1))rotate(var(--seed-exit-rotate,0))}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slide-x{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes progress-circle-head{0%{stroke-dasharray:0 1000%}75%{stroke-dasharray:var(--circumference),1000%}to{stroke-dasharray:var(--circumference),1000%}}@keyframes progress-circle-tail{0%{stroke-dashoffset:0}33.33%{stroke-dashoffset:0}to{stroke-dashoffset:calc(var(--circumference)*-1)}} \ No newline at end of file +:root{--seed-safe-area-top:0px;--seed-safe-area-bottom:0px}@supports (left:constant(safe-area-inset-left)){:root{--seed-safe-area-top:constant(safe-area-inset-top);--seed-safe-area-bottom:constant(safe-area-inset-bottom)}}@supports (left:env(safe-area-inset-left)){:root{--seed-safe-area-top:env(safe-area-inset-top);--seed-safe-area-bottom:env(safe-area-inset-bottom)}}:root{--seed-font-size-multiplier:1}@supports (font:-apple-system-body){html[data-seed-platform=ios][data-seed-font-scaling=enabled]{--seed-font-size-multiplier:.9412;font:-apple-system-body}}.seed-loading-indicator{display:inline-flex;position:absolute}.seed-icon,.seed-prefix-icon,.seed-suffix-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.seed-icon{width:var(--seed-icon-size);height:var(--seed-icon-size);color:var(--seed-box-color,var(--seed-icon-color,currentColor))}.seed-prefix-icon{width:var(--seed-prefix-icon-size);height:var(--seed-prefix-icon-size);margin-left:var(--seed-prefix-icon-margin-left);margin-right:var(--seed-prefix-icon-margin-right);margin-top:var(--seed-prefix-icon-margin-top);color:var(--seed-box-color,var(--seed-prefix-icon-color,currentColor))}.seed-suffix-icon{width:var(--seed-suffix-icon-size);height:var(--seed-suffix-icon-size);margin-left:var(--seed-suffix-icon-margin-left);margin-right:var(--seed-suffix-icon-margin-right);margin-top:var(--seed-suffix-icon-margin-top);color:var(--seed-box-color,var(--seed-suffix-icon-color,currentColor))}.seed-count{font-size:var(--seed-count-font-size);line-height:var(--seed-count-line-height);font-weight:var(--seed-count-font-weight);color:var(--seed-box-color,var(--seed-count-color))}.seed-box{--seed-box-background:initial;--seed-box-color:initial;background:var(--seed-box-background,var(--seed-box-background));color:var(--seed-box-color,var(--seed-box-color));--seed-box-border-style:solid;--seed-box-border-color:initial;border-style:var(--seed-box-border-style);border-color:var(--seed-box-border-color,var(--seed-box-border-color));--seed-box-border-width:0;--seed-box-border-top-width:var(--seed-box-border-width);--seed-box-border-bottom-width:var(--seed-box-border-width);--seed-box-border-left-width:var(--seed-box-border-width);--seed-box-border-right-width:var(--seed-box-border-width);border-top-width:var(--seed-box-border-top-width);border-bottom-width:var(--seed-box-border-bottom-width);border-left-width:var(--seed-box-border-left-width);border-right-width:var(--seed-box-border-right-width);--seed-box-padding:0;--seed-box-padding-y:var(--seed-box-padding);--seed-box-padding-x:var(--seed-box-padding);--seed-box-padding-bottom:var(--seed-box-padding-y);--seed-box-padding-top:var(--seed-box-padding-y);--seed-box-padding-left:var(--seed-box-padding-x);--seed-box-padding-right:var(--seed-box-padding-x);padding-top:var(--seed-box-padding-top);padding-bottom:var(--seed-box-padding-bottom);padding-left:var(--seed-box-padding-left);padding-right:var(--seed-box-padding-right);--seed-box-bleed-bottom:initial;--seed-box-bleed-top:initial;--seed-box-bleed-left:initial;--seed-box-bleed-right:initial;margin-top:calc(var(--seed-box-bleed-top)*-1);margin-bottom:calc(var(--seed-box-bleed-bottom)*-1);margin-left:calc(var(--seed-box-bleed-left)*-1);margin-right:calc(var(--seed-box-bleed-right)*-1);--seed-box-min-height:initial;--seed-box-max-height:initial;--seed-box-height:initial;--seed-box-min-width:initial;--seed-box-max-width:initial;--seed-box-width:initial;min-height:var(--seed-box-min-height);max-height:var(--seed-box-max-height);height:var(--seed-box-height);min-width:var(--seed-box-min-width);max-width:var(--seed-box-max-width);width:var(--seed-box-width);--seed-box-top:initial;--seed-box-bottom:initial;--seed-box-left:initial;--seed-box-right:initial;top:var(--seed-box-top);bottom:var(--seed-box-bottom);left:var(--seed-box-left);right:var(--seed-box-right);--seed-box-border-radius:initial;--seed-box-border-bottom-left-radius:var(--seed-box-border-radius);--seed-box-border-bottom-right-radius:var(--seed-box-border-radius);--seed-box-border-top-left-radius:var(--seed-box-border-radius);--seed-box-border-top-right-radius:var(--seed-box-border-radius);border-bottom-left-radius:var(--seed-box-border-bottom-left-radius);border-bottom-right-radius:var(--seed-box-border-bottom-right-radius);border-top-left-radius:var(--seed-box-border-top-left-radius);border-top-right-radius:var(--seed-box-border-top-right-radius);--seed-box-display:block;--seed-box-position:initial;display:var(--seed-box-display);position:var(--seed-box-position);--seed-box-unstable-transform:initial;transform:var(--seed-box-unstable-transform);--seed-box-z-index:initial;z-index:var(--seed-box-z-index);--seed-box-overflow-x:initial;--seed-box-overflow-y:initial;overflow-x:var(--seed-box-overflow-x);overflow-y:var(--seed-box-overflow-y);--seed-box-flex-grow:initial;--seed-box-flex-shrink:initial;flex-grow:var(--seed-box-flex-grow);flex-shrink:var(--seed-box-flex-shrink);--seed-box-flex-direction:initial;--seed-box-flex-wrap:initial;--seed-box-justify-content:initial;--seed-box-align-items:stretch;--seed-box-align-content:stretch;--seed-box-align-self:auto;--seed-box-gap:initial;flex-direction:var(--seed-box-flex-direction);flex-wrap:var(--seed-box-flex-wrap);justify-content:var(--seed-box-justify-content);align-items:var(--seed-box-align-items);align-content:var(--seed-box-align-content);align-self:var(--seed-box-align-self);gap:var(--seed-box-gap)}.seed-box:is(:active,[data-active]){--seed-box-background--active:var(--seed-box-background);background:var(--seed-box-background,var(--seed-box-background--active))}.seed-consistent-width:before{content:attr(data-text);visibility:hidden;height:0;font-weight:var(--seed-font-weight-regular);display:block}.seed-consistent-width:after{content:attr(data-text);visibility:hidden;height:0;font-weight:var(--seed-font-weight-bold);display:block}:root,[data-seed-color-mode=system]{color-scheme:light dark}[data-seed-color-mode=light-only]{color-scheme:light}[data-seed-color-mode=dark-only]{color-scheme:dark}:root{--seed-dimension-x0_5:2px;--seed-dimension-x1:4px;--seed-dimension-x1_5:6px;--seed-dimension-x2:8px;--seed-dimension-x2_5:10px;--seed-dimension-x3:12px;--seed-dimension-x3_5:14px;--seed-dimension-x4:16px;--seed-dimension-x4_5:18px;--seed-dimension-x5:20px;--seed-dimension-x6:24px;--seed-dimension-x7:28px;--seed-dimension-x8:32px;--seed-dimension-x9:36px;--seed-dimension-x10:40px;--seed-dimension-x12:48px;--seed-dimension-x13:52px;--seed-dimension-x14:56px;--seed-dimension-x16:64px;--seed-dimension-spacing-x-between-chips:var(--seed-dimension-x2);--seed-dimension-spacing-x-global-gutter:var(--seed-dimension-x4);--seed-dimension-spacing-y-component-default:var(--seed-dimension-x3);--seed-dimension-spacing-y-nav-to-title:var(--seed-dimension-x5);--seed-dimension-spacing-y-screen-bottom:var(--seed-dimension-x14);--seed-dimension-spacing-y-between-text:var(--seed-dimension-x1_5);--seed-duration-d1:50ms;--seed-duration-d2:.1s;--seed-duration-d3:.15s;--seed-duration-d4:.2s;--seed-duration-d5:.25s;--seed-duration-d6:.3s;--seed-font-size-t1:calc(.6875rem*var(--seed-font-size-multiplier));--seed-font-size-t2:calc(.75rem*var(--seed-font-size-multiplier));--seed-font-size-t3:calc(.8125rem*var(--seed-font-size-multiplier));--seed-font-size-t4:calc(.875rem*var(--seed-font-size-multiplier));--seed-font-size-t5:calc(1rem*var(--seed-font-size-multiplier));--seed-font-size-t6:calc(1.125rem*var(--seed-font-size-multiplier));--seed-font-size-t7:calc(1.25rem*var(--seed-font-size-multiplier));--seed-font-size-t8:calc(1.375rem*var(--seed-font-size-multiplier));--seed-font-size-t9:calc(1.5rem*var(--seed-font-size-multiplier));--seed-font-size-t10:calc(1.625rem*var(--seed-font-size-multiplier));--seed-font-size-t2-static:12px;--seed-font-size-t5-static:16px;--seed-font-size-t6-static:18px;--seed-font-weight-regular:400;--seed-font-weight-medium:500;--seed-font-weight-bold:700;--seed-line-height-t1:calc(.9375rem*var(--seed-font-size-multiplier));--seed-line-height-t2:calc(1rem*var(--seed-font-size-multiplier));--seed-line-height-t3:calc(1.125rem*var(--seed-font-size-multiplier));--seed-line-height-t4:calc(1.1875rem*var(--seed-font-size-multiplier));--seed-line-height-t5:calc(1.375rem*var(--seed-font-size-multiplier));--seed-line-height-t6:calc(1.5rem*var(--seed-font-size-multiplier));--seed-line-height-t7:calc(1.6875rem*var(--seed-font-size-multiplier));--seed-line-height-t8:calc(1.875rem*var(--seed-font-size-multiplier));--seed-line-height-t9:calc(2rem*var(--seed-font-size-multiplier));--seed-line-height-t10:calc(2.1875rem*var(--seed-font-size-multiplier));--seed-radius-r0_5:2px;--seed-radius-r1:4px;--seed-radius-r1_5:6px;--seed-radius-r2:8px;--seed-radius-r2_5:10px;--seed-radius-r3:12px;--seed-radius-r3_5:14px;--seed-radius-r4:16px;--seed-radius-r5:20px;--seed-radius-r6:24px;--seed-radius-full:9999px;--seed-timing-function-linear:cubic-bezier(0,0,1,1);--seed-timing-function-easing:cubic-bezier(.35,0,.35,1);--seed-timing-function-enter:cubic-bezier(0,0,.15,1);--seed-timing-function-exit:cubic-bezier(.35,0,1,1);--seed-timing-function-enter-expressive:cubic-bezier(.03,.4,.1,1);--seed-timing-function-exit-expressive:cubic-bezier(.35,0,.95,.55)}:root,:root[data-seed-color-mode=system][data-seed-user-color-scheme=light],:root[data-seed-color-mode=light-only],:root [data-seed-color-mode=light-only]{--seed-color-palette-blue-100:#eff6ff;--seed-color-palette-blue-200:#e2edfc;--seed-color-palette-blue-300:#cbdffa;--seed-color-palette-blue-400:#aacefd;--seed-color-palette-blue-500:#85b8fd;--seed-color-palette-blue-600:#5e98fe;--seed-color-palette-blue-700:#217cf9;--seed-color-palette-blue-800:#135fcd;--seed-color-palette-blue-900:#0b4596;--seed-color-palette-blue-1000:#032451;--seed-color-palette-carrot-100:#fff2ec;--seed-color-palette-carrot-200:#ffe8db;--seed-color-palette-carrot-300:#ffd5c0;--seed-color-palette-carrot-400:#ffb999;--seed-color-palette-carrot-500:#ff9364;--seed-color-palette-carrot-600:#f60;--seed-color-palette-carrot-700:#e14d00;--seed-color-palette-carrot-800:#b93901;--seed-color-palette-carrot-900:#862b00;--seed-color-palette-carrot-1000:#471601;--seed-color-palette-gray-00:#fff;--seed-color-palette-gray-100:#f7f8f9;--seed-color-palette-gray-200:#f3f4f5;--seed-color-palette-gray-300:#eeeff1;--seed-color-palette-gray-400:#dcdee3;--seed-color-palette-gray-500:#d1d3d8;--seed-color-palette-gray-600:#b0b3ba;--seed-color-palette-gray-700:#868b94;--seed-color-palette-gray-800:#555d6d;--seed-color-palette-gray-900:#2a3038;--seed-color-palette-gray-1000:#1a1c20;--seed-color-palette-green-100:#edfaf6;--seed-color-palette-green-200:#d9f6e9;--seed-color-palette-green-300:#b9e9d2;--seed-color-palette-green-400:#7ddcb3;--seed-color-palette-green-500:#42c593;--seed-color-palette-green-600:#10ab7d;--seed-color-palette-green-700:#079171;--seed-color-palette-green-800:#00745f;--seed-color-palette-green-900:#075445;--seed-color-palette-green-1000:#0a2b24;--seed-color-palette-purple-100:#f5f3fe;--seed-color-palette-purple-200:#efeafe;--seed-color-palette-purple-300:#e1d8ff;--seed-color-palette-purple-400:#d0c0ff;--seed-color-palette-purple-500:#b8a1ff;--seed-color-palette-purple-600:#9f84fb;--seed-color-palette-purple-700:#8969ea;--seed-color-palette-purple-800:#6d50cb;--seed-color-palette-purple-900:#50379b;--seed-color-palette-purple-1000:#29175d;--seed-color-palette-red-100:#fdf0f0;--seed-color-palette-red-200:#fde7e7;--seed-color-palette-red-300:#fed4d2;--seed-color-palette-red-400:#feb7b3;--seed-color-palette-red-500:#fe928d;--seed-color-palette-red-600:#fc6a66;--seed-color-palette-red-700:#fa342c;--seed-color-palette-red-800:#ca1d13;--seed-color-palette-red-900:#921708;--seed-color-palette-red-1000:#4a1209;--seed-color-palette-static-black:#000;--seed-color-palette-static-white:#fff;--seed-color-palette-static-black-alpha-100:#00000007;--seed-color-palette-static-black-alpha-200:#0000000c;--seed-color-palette-static-black-alpha-300:#00000010;--seed-color-palette-static-black-alpha-400:#00000021;--seed-color-palette-static-black-alpha-500:#0000002c;--seed-color-palette-static-black-alpha-600:#0000004c;--seed-color-palette-static-black-alpha-700:#00000074;--seed-color-palette-static-black-alpha-800:#000000a2;--seed-color-palette-static-black-alpha-900:#000000d0;--seed-color-palette-static-black-alpha-1000:#000000e3;--seed-color-palette-static-white-alpha-50:#ffffff0d;--seed-color-palette-static-white-alpha-100:#ffffff17;--seed-color-palette-static-white-alpha-200:#ffffff20;--seed-color-palette-static-white-alpha-300:#ffffff2e;--seed-color-palette-static-white-alpha-400:#ffffff3d;--seed-color-palette-static-white-alpha-500:#ffffff60;--seed-color-palette-static-white-alpha-600:#ffffff8b;--seed-color-palette-static-white-alpha-700:#ffffffb3;--seed-color-palette-static-white-alpha-800:#ffffffde;--seed-color-palette-static-white-alpha-900:#ffffffea;--seed-color-palette-static-white-alpha-1000:#fffffff4;--seed-color-palette-yellow-100:#fff7de;--seed-color-palette-yellow-200:#fdefb9;--seed-color-palette-yellow-300:#fbdc65;--seed-color-palette-yellow-400:#e9c647;--seed-color-palette-yellow-500:#d4ab28;--seed-color-palette-yellow-600:#c49725;--seed-color-palette-yellow-700:#9b7821;--seed-color-palette-yellow-800:#755b22;--seed-color-palette-yellow-900:#4f3e1f;--seed-color-palette-yellow-1000:#2c2512;--seed-color-fg-brand:var(--seed-color-palette-carrot-600);--seed-color-fg-critical:var(--seed-color-palette-red-700);--seed-color-fg-disabled:var(--seed-color-palette-gray-500);--seed-color-fg-informative:var(--seed-color-palette-blue-700);--seed-color-fg-neutral:var(--seed-color-palette-gray-1000);--seed-color-fg-placeholder:var(--seed-color-palette-gray-600);--seed-color-fg-positive:var(--seed-color-palette-green-700);--seed-color-fg-critical-contrast:var(--seed-color-palette-red-900);--seed-color-fg-informative-contrast:var(--seed-color-palette-blue-900);--seed-color-fg-neutral-inverted:var(--seed-color-palette-gray-00);--seed-color-fg-neutral-muted:var(--seed-color-palette-gray-800);--seed-color-fg-neutral-subtle:var(--seed-color-palette-gray-700);--seed-color-fg-positive-contrast:var(--seed-color-palette-green-900);--seed-color-fg-warning-contrast:var(--seed-color-palette-yellow-900);--seed-color-bg-disabled:var(--seed-color-palette-gray-200);--seed-color-bg-overlay:var(--seed-color-palette-static-black-alpha-700);--seed-color-bg-brand-solid:var(--seed-color-palette-carrot-600);--seed-color-bg-brand-solid-pressed:var(--seed-color-palette-carrot-700);--seed-color-bg-critical-solid:var(--seed-color-palette-red-700);--seed-color-bg-critical-weak:var(--seed-color-palette-red-100);--seed-color-bg-critical-solid-pressed:var(--seed-color-palette-red-800);--seed-color-bg-critical-weak-pressed:var(--seed-color-palette-red-200);--seed-color-bg-informative-solid:var(--seed-color-palette-blue-700);--seed-color-bg-informative-weak:var(--seed-color-palette-blue-100);--seed-color-bg-informative-solid-pressed:var(--seed-color-palette-blue-800);--seed-color-bg-informative-weak-pressed:var(--seed-color-palette-blue-200);--seed-color-bg-layer-basement:var(--seed-color-palette-gray-200);--seed-color-bg-layer-default:var(--seed-color-palette-gray-00);--seed-color-bg-layer-fill:var(--seed-color-palette-gray-100);--seed-color-bg-layer-floating:var(--seed-color-palette-gray-00);--seed-color-bg-layer-default-pressed:var(--seed-color-palette-gray-100);--seed-color-bg-layer-floating-pressed:var(--seed-color-palette-gray-100);--seed-color-bg-magic-weak:#f9f2ee;--seed-color-bg-neutral-inverted:var(--seed-color-palette-gray-900);--seed-color-bg-neutral-solid:var(--seed-color-palette-gray-1000);--seed-color-bg-neutral-weak:var(--seed-color-palette-gray-200);--seed-color-bg-neutral-inverted-pressed:var(--seed-color-palette-gray-800);--seed-color-bg-neutral-solid-muted:var(--seed-color-palette-gray-800);--seed-color-bg-neutral-solid-muted-pressed:var(--seed-color-palette-gray-900);--seed-color-bg-neutral-weak-pressed:var(--seed-color-palette-gray-300);--seed-color-bg-overlay-muted:var(--seed-color-palette-static-black-alpha-500);--seed-color-bg-positive-solid:var(--seed-color-palette-green-700);--seed-color-bg-positive-weak:var(--seed-color-palette-green-100);--seed-color-bg-positive-solid-pressed:var(--seed-color-palette-green-800);--seed-color-bg-positive-weak-pressed:var(--seed-color-palette-green-200);--seed-color-bg-warning-solid:var(--seed-color-palette-yellow-300);--seed-color-bg-warning-weak:var(--seed-color-palette-yellow-100);--seed-color-bg-warning-weak-pressed:var(--seed-color-palette-yellow-200);--seed-color-stroke-brand:var(--seed-color-palette-carrot-300);--seed-color-stroke-control:var(--seed-color-palette-gray-400);--seed-color-stroke-critical:var(--seed-color-palette-red-300);--seed-color-stroke-field:var(--seed-color-palette-gray-400);--seed-color-stroke-informative:var(--seed-color-palette-blue-300);--seed-color-stroke-neutral:var(--seed-color-palette-static-black-alpha-300);--seed-color-stroke-positive:var(--seed-color-palette-green-300);--seed-color-stroke-field-focused:var(--seed-color-palette-gray-800);--seed-color-stroke-neutral-muted:var(--seed-color-palette-static-black-alpha-200);--seed-color-stroke-on-image:var(--seed-color-palette-static-black-alpha-200);--seed-color-manner-temp-l1-bg:#eff0f1;--seed-color-manner-temp-l1-text:#62666a;--seed-color-manner-temp-l2-bg:#e7f2fc;--seed-color-manner-temp-l2-text:#2592f7;--seed-color-manner-temp-l3-bg:#e3f6fc;--seed-color-manner-temp-l3-text:#0099c8;--seed-color-manner-temp-l4-bg:#ebf9f4;--seed-color-manner-temp-l4-text:#03a07e;--seed-color-manner-temp-l5-bg:#fff5e5;--seed-color-manner-temp-l5-text:#d28500;--seed-color-manner-temp-l6-bg:#fff0e5;--seed-color-manner-temp-l6-text:#f06000;--seed-gradient-fade-layer-floating:#fff0 0%,#000 100%;--seed-gradient-fade-layer-default:#fff0 0%,#000 100%;--seed-gradient-glow-magic:#fef6f7 0%,#fef0e7 80%,#f9f7f5 100%;--seed-gradient-shimmer-magic:#fff9f500 0%,#fff9f58a 46%,#fff9f58a 54%,#fff9f500 100%;--seed-gradient-glow-magic-pressed:#fbf0f2 0%,#ffe8db 80%,#f5f2ef 100%;--seed-gradient-shimmer-neutral:#fff0 0%,#fff6 46%,#fff6 54%,#fff0 100%;--seed-gradient-highlight-magic:#f60 20%,#d25aca 100%}:root[data-seed-color-mode=system][data-seed-user-color-scheme=dark],:root[data-seed-color-mode=dark-only],:root [data-seed-color-mode=dark-only]{--seed-color-palette-blue-100:#202742;--seed-color-palette-blue-200:#1e3352;--seed-color-palette-blue-300:#1a4275;--seed-color-palette-blue-400:#0f559e;--seed-color-palette-blue-500:#1964d8;--seed-color-palette-blue-600:#1e82eb;--seed-color-palette-blue-700:#41a2f9;--seed-color-palette-blue-800:#83bcf9;--seed-color-palette-blue-900:#b9d7fb;--seed-color-palette-blue-1000:#e5f0fe;--seed-color-palette-carrot-100:#31241f;--seed-color-palette-carrot-200:#4b291c;--seed-color-palette-carrot-300:#6b311c;--seed-color-palette-carrot-400:#923600;--seed-color-palette-carrot-500:#bd4201;--seed-color-palette-carrot-600:#e65200;--seed-color-palette-carrot-700:#f60;--seed-color-palette-carrot-800:#ff9e65;--seed-color-palette-carrot-900:#eecebc;--seed-color-palette-carrot-1000:#f4eeea;--seed-color-palette-gray-00:#000;--seed-color-palette-gray-100:#16171b;--seed-color-palette-gray-200:#1d2025;--seed-color-palette-gray-300:#2b2e35;--seed-color-palette-gray-400:#393d46;--seed-color-palette-gray-500:#5b606a;--seed-color-palette-gray-600:#868b94;--seed-color-palette-gray-700:#b0b3ba;--seed-color-palette-gray-800:#dcdee3;--seed-color-palette-gray-900:#e9eaec;--seed-color-palette-gray-1000:#f3f4f5;--seed-color-palette-green-100:#202926;--seed-color-palette-green-200:#20362e;--seed-color-palette-green-300:#20493b;--seed-color-palette-green-400:#19604c;--seed-color-palette-green-500:#117956;--seed-color-palette-green-600:#1b946d;--seed-color-palette-green-700:#22b27f;--seed-color-palette-green-800:#35ce9a;--seed-color-palette-green-900:#93e5c0;--seed-color-palette-green-1000:#d4f6ef;--seed-color-palette-purple-100:#28213b;--seed-color-palette-purple-200:#3b2873;--seed-color-palette-purple-300:#443081;--seed-color-palette-purple-400:#5a3bb1;--seed-color-palette-purple-500:#764fd9;--seed-color-palette-purple-600:#8e6bee;--seed-color-palette-purple-700:#a78df0;--seed-color-palette-purple-800:#beadf2;--seed-color-palette-purple-900:#d9cefa;--seed-color-palette-purple-1000:#f0edfc;--seed-color-palette-red-100:#322323;--seed-color-palette-red-200:#4f2624;--seed-color-palette-red-300:#742826;--seed-color-palette-red-400:#a12621;--seed-color-palette-red-500:#ca2319;--seed-color-palette-red-600:#f73526;--seed-color-palette-red-700:#ff6e60;--seed-color-palette-red-800:#ffa299;--seed-color-palette-red-900:#f8c5c3;--seed-color-palette-red-1000:#fdf2f2;--seed-color-palette-static-black:#000;--seed-color-palette-static-white:#fff;--seed-color-palette-static-black-alpha-100:#00000007;--seed-color-palette-static-black-alpha-200:#0000000c;--seed-color-palette-static-black-alpha-300:#00000010;--seed-color-palette-static-black-alpha-400:#00000021;--seed-color-palette-static-black-alpha-500:#0000002c;--seed-color-palette-static-black-alpha-600:#0000004c;--seed-color-palette-static-black-alpha-700:#00000074;--seed-color-palette-static-black-alpha-800:#000000a2;--seed-color-palette-static-black-alpha-900:#000000d0;--seed-color-palette-static-black-alpha-1000:#000000e3;--seed-color-palette-static-white-alpha-50:#ffffff0d;--seed-color-palette-static-white-alpha-100:#ffffff17;--seed-color-palette-static-white-alpha-200:#ffffff20;--seed-color-palette-static-white-alpha-300:#ffffff2e;--seed-color-palette-static-white-alpha-400:#ffffff3d;--seed-color-palette-static-white-alpha-500:#ffffff60;--seed-color-palette-static-white-alpha-600:#ffffff8b;--seed-color-palette-static-white-alpha-700:#ffffffb3;--seed-color-palette-static-white-alpha-800:#ffffffde;--seed-color-palette-static-white-alpha-900:#ffffffea;--seed-color-palette-static-white-alpha-1000:#fffffff4;--seed-color-palette-yellow-100:#302819;--seed-color-palette-yellow-200:#413218;--seed-color-palette-yellow-300:#543e15;--seed-color-palette-yellow-400:#714e15;--seed-color-palette-yellow-500:#91601b;--seed-color-palette-yellow-600:#b6720d;--seed-color-palette-yellow-700:#ca901c;--seed-color-palette-yellow-800:#dab156;--seed-color-palette-yellow-900:#e5d49b;--seed-color-palette-yellow-1000:#f7f0cd;--seed-color-fg-brand:var(--seed-color-palette-carrot-700);--seed-color-fg-critical:var(--seed-color-palette-red-700);--seed-color-fg-disabled:var(--seed-color-palette-gray-500);--seed-color-fg-informative:var(--seed-color-palette-blue-700);--seed-color-fg-neutral:var(--seed-color-palette-gray-1000);--seed-color-fg-placeholder:var(--seed-color-palette-gray-600);--seed-color-fg-positive:var(--seed-color-palette-green-700);--seed-color-fg-critical-contrast:var(--seed-color-palette-red-900);--seed-color-fg-informative-contrast:var(--seed-color-palette-blue-900);--seed-color-fg-neutral-inverted:var(--seed-color-palette-gray-100);--seed-color-fg-neutral-muted:var(--seed-color-palette-gray-800);--seed-color-fg-neutral-subtle:var(--seed-color-palette-gray-700);--seed-color-fg-positive-contrast:var(--seed-color-palette-green-900);--seed-color-fg-warning-contrast:var(--seed-color-palette-yellow-900);--seed-color-bg-disabled:var(--seed-color-palette-gray-300);--seed-color-bg-overlay:var(--seed-color-palette-static-black-alpha-700);--seed-color-bg-brand-solid:var(--seed-color-palette-carrot-700);--seed-color-bg-brand-solid-pressed:var(--seed-color-palette-carrot-800);--seed-color-bg-critical-solid:var(--seed-color-palette-red-600);--seed-color-bg-critical-weak:var(--seed-color-palette-red-100);--seed-color-bg-critical-solid-pressed:var(--seed-color-palette-red-700);--seed-color-bg-critical-weak-pressed:var(--seed-color-palette-red-200);--seed-color-bg-informative-solid:var(--seed-color-palette-blue-600);--seed-color-bg-informative-weak:var(--seed-color-palette-blue-100);--seed-color-bg-informative-solid-pressed:var(--seed-color-palette-blue-700);--seed-color-bg-informative-weak-pressed:var(--seed-color-palette-blue-200);--seed-color-bg-layer-basement:var(--seed-color-palette-gray-00);--seed-color-bg-layer-default:var(--seed-color-palette-gray-100);--seed-color-bg-layer-fill:var(--seed-color-palette-gray-200);--seed-color-bg-layer-floating:var(--seed-color-palette-gray-200);--seed-color-bg-layer-default-pressed:var(--seed-color-palette-gray-300);--seed-color-bg-layer-floating-pressed:var(--seed-color-palette-gray-300);--seed-color-bg-magic-weak:#201f1f;--seed-color-bg-neutral-inverted:var(--seed-color-palette-gray-1000);--seed-color-bg-neutral-solid:var(--seed-color-palette-gray-300);--seed-color-bg-neutral-weak:var(--seed-color-palette-gray-300);--seed-color-bg-neutral-inverted-pressed:var(--seed-color-palette-gray-800);--seed-color-bg-neutral-solid-muted:var(--seed-color-palette-gray-400);--seed-color-bg-neutral-solid-muted-pressed:var(--seed-color-palette-gray-500);--seed-color-bg-neutral-weak-pressed:var(--seed-color-palette-gray-400);--seed-color-bg-overlay-muted:var(--seed-color-palette-static-black-alpha-500);--seed-color-bg-positive-solid:var(--seed-color-palette-green-500);--seed-color-bg-positive-weak:var(--seed-color-palette-green-100);--seed-color-bg-positive-solid-pressed:var(--seed-color-palette-green-500);--seed-color-bg-positive-weak-pressed:var(--seed-color-palette-green-200);--seed-color-bg-warning-solid:var(--seed-color-palette-yellow-600);--seed-color-bg-warning-weak:var(--seed-color-palette-yellow-100);--seed-color-bg-warning-weak-pressed:var(--seed-color-palette-yellow-200);--seed-color-stroke-brand:var(--seed-color-palette-carrot-300);--seed-color-stroke-control:var(--seed-color-palette-gray-400);--seed-color-stroke-critical:var(--seed-color-palette-red-300);--seed-color-stroke-field:var(--seed-color-palette-gray-400);--seed-color-stroke-informative:var(--seed-color-palette-blue-300);--seed-color-stroke-neutral:var(--seed-color-palette-static-white-alpha-100);--seed-color-stroke-positive:var(--seed-color-palette-green-300);--seed-color-stroke-field-focused:var(--seed-color-palette-gray-800);--seed-color-stroke-neutral-muted:var(--seed-color-palette-static-white-alpha-50);--seed-color-stroke-on-image:var(--seed-color-palette-static-white-alpha-50);--seed-color-manner-temp-l1-bg:#222226;--seed-color-manner-temp-l1-text:#b1b5b9;--seed-color-manner-temp-l2-bg:#16212b;--seed-color-manner-temp-l2-text:#7cbaf4;--seed-color-manner-temp-l3-bg:#12262c;--seed-color-manner-temp-l3-text:#47c3eb;--seed-color-manner-temp-l4-bg:#162822;--seed-color-manner-temp-l4-text:#33cc94;--seed-color-manner-temp-l5-bg:#2e2312;--seed-color-manner-temp-l5-text:#ffa100;--seed-color-manner-temp-l6-bg:#2e1d12;--seed-color-manner-temp-l6-text:#ff9147;--seed-gradient-fade-layer-floating:#1d202500 0%,#000 100%;--seed-gradient-fade-layer-default:#16171b00 0%,#000 100%;--seed-gradient-glow-magic:#2d252d 0%,#3a312b 80%,#333232 100%;--seed-gradient-shimmer-magic:#fff9f500 0%,#fff9f51a 46%,#fff9f51a 54%,#fff9f500 100%;--seed-gradient-glow-magic-pressed:#3e333e 0%,#51453e 80%,#434242 100%;--seed-gradient-shimmer-neutral:#fff0 0%,#ffffff1a 46%,#ffffff1a 54%,#fff0 100%;--seed-gradient-highlight-magic:#f60 20%,#d25aca 100%}.seed-avatar__root{box-sizing:border-box;vertical-align:top;border-radius:var(--seed-radius-full);width:var(--avatar-size);height:var(--avatar-size);justify-content:center;align-items:center;display:inline-flex;position:relative}.seed-avatar__root:after{content:"";pointer-events:none;border-radius:var(--seed-radius-full);box-shadow:inset 0 0 0 var(--avatar-stroke-width)var(--seed-color-stroke-on-image);-webkit-mask-image:url("data:image/svg+xml;utf8,"),var(--svg-mask-uri);-webkit-mask-size:100% 100%,var(--badge-mask-size)var(--badge-mask-size);-webkit-mask-position:0 0,var(--badge-mask-offset)var(--badge-mask-offset);-webkit-mask-composite:source-out;-webkit-mask-repeat:no-repeat;mask-image:url("data:image/svg+xml;utf8,"),var(--svg-mask-uri);mask-size:100% 100%,var(--badge-mask-size)var(--badge-mask-size);mask-position:0 0,var(--badge-mask-offset)var(--badge-mask-offset);position:absolute;inset:0;mask-repeat:no-repeat;mask-composite:subtract}.seed-avatar__image{object-fit:cover;width:100%;height:100%;-webkit-mask-image:url("data:image/svg+xml;utf8,"),var(--svg-mask-uri);-webkit-mask-size:100% 100%,var(--badge-mask-size)var(--badge-mask-size);-webkit-mask-position:0 0,var(--badge-mask-offset)var(--badge-mask-offset);-webkit-mask-composite:source-out;-webkit-mask-repeat:no-repeat;mask-image:url("data:image/svg+xml;utf8,"),var(--svg-mask-uri);mask-size:100% 100%,var(--badge-mask-size)var(--badge-mask-size);mask-position:0 0,var(--badge-mask-offset)var(--badge-mask-offset);display:block;overflow:hidden;mask-repeat:no-repeat;mask-composite:subtract}.seed-avatar__image:not([data-loading-state=loaded]){display:none}.seed-avatar__fallback{object-fit:cover;border-radius:var(--seed-radius-full);width:100%;height:100%;-webkit-mask-image:url("data:image/svg+xml;utf8,"),var(--svg-mask-uri);-webkit-mask-size:100% 100%,var(--badge-mask-size)var(--badge-mask-size);-webkit-mask-position:0 0,var(--badge-mask-offset)var(--badge-mask-offset);-webkit-mask-composite:source-out;-webkit-mask-repeat:no-repeat;mask-image:url("data:image/svg+xml;utf8,"),var(--svg-mask-uri);mask-size:100% 100%,var(--badge-mask-size)var(--badge-mask-size);mask-position:0 0,var(--badge-mask-offset)var(--badge-mask-offset);justify-content:center;align-items:center;display:flex;overflow:hidden;mask-repeat:no-repeat;mask-composite:subtract}.seed-avatar__fallback[data-loading-state=loaded]{display:none}.seed-avatar__badge{box-sizing:border-box;z-index:1;top:var(--badge-offset);left:var(--badge-offset);width:var(--badge-size);height:var(--badge-size);justify-content:center;align-items:center;display:flex;position:absolute}.seed-avatar__root--size_20{--avatar-size:20px;--avatar-stroke-width:1px;--badge-mask-size:0px;--badge-mask-offset:0px}.seed-avatar__badge--size_20{display:none}.seed-avatar__root--size_24{--avatar-size:24px;--avatar-stroke-width:1px;--badge-mask-size:12px;--badge-mask-offset:14px}.seed-avatar__badge--size_24{--badge-size:10px;--badge-offset:15px}.seed-avatar__root--size_36{--avatar-size:36px;--avatar-stroke-width:1px;--badge-mask-size:18px;--badge-mask-offset:20px}.seed-avatar__badge--size_36{--badge-size:14px;--badge-offset:22px}.seed-avatar__root--size_42{--avatar-size:42px;--avatar-stroke-width:1px;--badge-mask-size:20px;--badge-mask-offset:24px}.seed-avatar__badge--size_42{--badge-size:16px;--badge-offset:26px}.seed-avatar__root--size_48{--avatar-size:48px;--avatar-stroke-width:1px;--badge-mask-size:22px;--badge-mask-offset:28px}.seed-avatar__badge--size_48{--badge-size:18px;--badge-offset:30px}.seed-avatar__root--size_64{--avatar-size:64px;--avatar-stroke-width:1px;--badge-mask-size:26px;--badge-mask-offset:40px}.seed-avatar__badge--size_64{--badge-size:22px;--badge-offset:42px}.seed-avatar__root--size_80{--avatar-size:80px;--avatar-stroke-width:1px;--badge-mask-size:32px;--badge-mask-offset:52px}.seed-avatar__badge--size_80{--badge-size:28px;--badge-offset:54px}.seed-avatar__root--size_96{--avatar-size:96px;--avatar-stroke-width:1px;--badge-mask-size:38px;--badge-mask-offset:62px}.seed-avatar__badge--size_96{--badge-size:32px;--badge-offset:65px}.seed-avatar__root--badgeMask_none{--svg-mask-uri:url("data:image/svg+xml;utf8,")}.seed-avatar__root--badgeMask_circle{--svg-mask-uri:url("data:image/svg+xml;utf8,")}.seed-avatar__badge--badgeMask_circle{border-radius:9999px}.seed-avatar__root--badgeMask_flower{--svg-mask-uri:url("data:image/svg+xml;utf8,")}.seed-avatar__root--badgeMask_shield{--svg-mask-uri:url("data:image/svg+xml;utf8,")}.seed-avatar-stack__root{box-sizing:border-box;align-items:center;display:inline-flex}.seed-avatar-stack__item{border-radius:var(--seed-radius-full);background-clip:padding-box;display:block}.seed-avatar-stack__item--size_20:not(:first-child){margin-left:-5px}.seed-avatar-stack__item--size_20{clip-path:inset(-1px);box-shadow:0 0 0 1px var(--seed-color-bg-layer-default)}.seed-avatar-stack__item--size_24:not(:first-child){margin-left:-6px}.seed-avatar-stack__item--size_24{clip-path:inset(-1px);box-shadow:0 0 0 1px var(--seed-color-bg-layer-default)}.seed-avatar-stack__item--size_36:not(:first-child){margin-left:-8px}.seed-avatar-stack__item--size_36{clip-path:inset(-2px);box-shadow:0 0 0 2px var(--seed-color-bg-layer-default)}.seed-avatar-stack__item--size_42:not(:first-child){margin-left:-10px}.seed-avatar-stack__item--size_42{clip-path:inset(-2px);box-shadow:0 0 0 2px var(--seed-color-bg-layer-default)}.seed-avatar-stack__item--size_48:not(:first-child){margin-left:-12px}.seed-avatar-stack__item--size_48{clip-path:inset(-2px);box-shadow:0 0 0 2px var(--seed-color-bg-layer-default)}.seed-avatar-stack__item--size_64:not(:first-child){margin-left:-16px}.seed-avatar-stack__item--size_64{clip-path:inset(-3px);box-shadow:0 0 0 3px var(--seed-color-bg-layer-default)}.seed-avatar-stack__item--size_80:not(:first-child){margin-left:-20px}.seed-avatar-stack__item--size_80{clip-path:inset(-4px);box-shadow:0 0 0 4px var(--seed-color-bg-layer-default)}.seed-avatar-stack__item--size_96:not(:first-child){margin-left:-24px}.seed-avatar-stack__item--size_96{clip-path:inset(-5px);box-shadow:0 0 0 5px var(--seed-color-bg-layer-default)}.seed-action-button{box-sizing:border-box;cursor:pointer;text-transform:none;white-space:nowrap;vertical-align:middle;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--seed-box-flex-grow:initial;flex-shrink:0;flex-grow:var(--seed-box-flex-grow);--seed-box-min-width:initial;min-width:var(--seed-box-min-width);--seed-box-padding-bottom:initial;--seed-box-padding-top:initial;--seed-box-padding-left:initial;--seed-box-padding-right:initial;padding-top:var(--seed-box-padding-top);padding-bottom:var(--seed-box-padding-bottom);padding-left:var(--seed-box-padding-left);padding-right:var(--seed-box-padding-right);--seed-box-bleed-bottom:initial;--seed-box-bleed-top:initial;--seed-box-bleed-left:initial;--seed-box-bleed-right:initial;margin-top:calc(var(--seed-box-bleed-top)*-1);margin-bottom:calc(var(--seed-box-bleed-bottom)*-1);margin-left:calc(var(--seed-box-bleed-left)*-1);margin-right:calc(var(--seed-box-bleed-right)*-1);border:none;justify-content:center;align-items:center;font-family:inherit;text-decoration:none;display:inline-flex;position:relative}.seed-action-button:is(:focus,[data-focus]){outline:none}.seed-action-button:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed}.seed-action-button{transition:background-color var(--seed-duration-d4)var(--seed-timing-function-easing);font-weight:var(--seed-font-weight-bold)}.seed-action-button--variant_brandSolid{background:var(--seed-box-background,var(--seed-color-bg-brand-solid));color:var(--seed-box-color,var(--seed-color-palette-static-white));--seed-prefix-icon-color:var(--seed-color-palette-static-white);--seed-suffix-icon-color:var(--seed-color-palette-static-white);--seed-icon-color:var(--seed-color-palette-static-white);--track-color:var(--seed-color-palette-static-white-alpha-300);--range-color:var(--seed-color-palette-static-white)}.seed-action-button--variant_brandSolid:is(:active,[data-active]){background:var(--seed-box-background,var(--seed-color-bg-brand-solid-pressed))}.seed-action-button--variant_brandSolid:is(:disabled,[disabled],[data-disabled]){background:var(--seed-box-background,var(--seed-color-bg-disabled));color:var(--seed-box-color,var(--seed-color-fg-disabled));--seed-prefix-icon-color:var(--seed-color-fg-disabled);--seed-suffix-icon-color:var(--seed-color-fg-disabled);--seed-icon-color:var(--seed-color-fg-disabled)}.seed-action-button--variant_brandSolid[data-loading]{background:var(--seed-box-background,var(--seed-color-bg-brand-solid-pressed))}.seed-action-button--variant_neutralSolid{background:var(--seed-box-background,var(--seed-color-bg-neutral-inverted));color:var(--seed-box-color,var(--seed-color-fg-neutral-inverted));--seed-prefix-icon-color:var(--seed-color-fg-neutral-inverted);--seed-suffix-icon-color:var(--seed-color-fg-neutral-inverted);--seed-icon-color:var(--seed-color-fg-neutral-inverted);--track-color:var(--seed-color-palette-static-white-alpha-300);--range-color:var(--seed-color-palette-static-white)}.seed-action-button--variant_neutralSolid:is(:active,[data-active]){background:var(--seed-box-background,var(--seed-color-bg-neutral-inverted-pressed))}.seed-action-button--variant_neutralSolid:is(:disabled,[disabled],[data-disabled]){background:var(--seed-box-background,var(--seed-color-bg-disabled));color:var(--seed-box-color,var(--seed-color-fg-disabled));--seed-prefix-icon-color:var(--seed-color-fg-disabled);--seed-suffix-icon-color:var(--seed-color-fg-disabled);--seed-icon-color:var(--seed-color-fg-disabled)}.seed-action-button--variant_neutralSolid[data-loading]{background:var(--seed-box-background,var(--seed-color-bg-neutral-inverted-pressed))}.seed-action-button--variant_neutralWeak{background:var(--seed-box-background,var(--seed-color-bg-neutral-weak));color:var(--seed-box-color,var(--seed-color-fg-neutral));--seed-prefix-icon-color:var(--seed-color-fg-neutral);--seed-suffix-icon-color:var(--seed-color-fg-neutral);--seed-icon-color:var(--seed-color-fg-neutral);--track-color:var(--seed-color-palette-gray-500);--range-color:var(--seed-color-fg-neutral)}.seed-action-button--variant_neutralWeak:is(:active,[data-active]){background:var(--seed-box-background,var(--seed-color-bg-neutral-weak-pressed))}.seed-action-button--variant_neutralWeak:is(:disabled,[disabled],[data-disabled]){background:var(--seed-box-background,var(--seed-color-bg-disabled));color:var(--seed-box-color,var(--seed-color-fg-disabled));--seed-prefix-icon-color:var(--seed-color-fg-disabled);--seed-suffix-icon-color:var(--seed-color-fg-disabled);--seed-icon-color:var(--seed-color-fg-disabled)}.seed-action-button--variant_neutralWeak[data-loading]{background:var(--seed-box-background,var(--seed-color-bg-neutral-weak-pressed))}.seed-action-button--variant_criticalSolid{background:var(--seed-box-background,var(--seed-color-bg-critical-solid));color:var(--seed-box-color,var(--seed-color-palette-static-white));--seed-prefix-icon-color:var(--seed-color-palette-static-white);--seed-suffix-icon-color:var(--seed-color-palette-static-white);--seed-icon-color:var(--seed-color-palette-static-white);--track-color:var(--seed-color-palette-static-white-alpha-300);--range-color:var(--seed-color-palette-static-white)}.seed-action-button--variant_criticalSolid:is(:active,[data-active]){background:var(--seed-box-background,var(--seed-color-bg-critical-solid-pressed))}.seed-action-button--variant_criticalSolid:is(:disabled,[disabled],[data-disabled]){background:var(--seed-box-background,var(--seed-color-bg-disabled));color:var(--seed-box-color,var(--seed-color-fg-disabled));--seed-prefix-icon-color:var(--seed-color-fg-disabled);--seed-suffix-icon-color:var(--seed-color-fg-disabled);--seed-icon-color:var(--seed-color-fg-disabled)}.seed-action-button--variant_criticalSolid[data-loading]{background:var(--seed-box-background,var(--seed-color-bg-critical-solid-pressed))}.seed-action-button--variant_brandOutline{background:var(--seed-box-background,var(--seed-color-bg-layer-default));border-style:solid;border-width:1px;border-color:var(--seed-box-border-color,var(--seed-color-stroke-neutral));color:var(--seed-box-color,var(--seed-color-fg-brand));--seed-prefix-icon-color:var(--seed-color-fg-brand);--seed-suffix-icon-color:var(--seed-color-fg-brand);--seed-icon-color:var(--seed-color-fg-brand);--track-color:var(--seed-color-palette-carrot-200);--range-color:var(--seed-color-bg-brand-solid)}.seed-action-button--variant_brandOutline:is(:active,[data-active]){background:var(--seed-box-background,var(--seed-color-bg-layer-default-pressed))}.seed-action-button--variant_brandOutline:is(:disabled,[disabled],[data-disabled]){background:var(--seed-box-background,var(--seed-color-bg-layer-default));border-color:var(--seed-box-border-color,var(--seed-color-stroke-neutral));color:var(--seed-box-color,var(--seed-color-fg-disabled));--seed-prefix-icon-color:var(--seed-color-fg-disabled);--seed-suffix-icon-color:var(--seed-color-fg-disabled);--seed-icon-color:var(--seed-color-fg-disabled)}.seed-action-button--variant_brandOutline[data-loading]{background:var(--seed-box-background,var(--seed-color-bg-layer-default))}.seed-action-button--variant_neutralOutline{background:var(--seed-box-background,var(--seed-color-bg-layer-default));border-style:solid;border-width:1px;border-color:var(--seed-box-border-color,var(--seed-color-stroke-neutral));color:var(--seed-box-color,var(--seed-color-fg-neutral));--seed-prefix-icon-color:var(--seed-color-fg-neutral);--seed-suffix-icon-color:var(--seed-color-fg-neutral);--seed-icon-color:var(--seed-color-fg-neutral);--track-color:var(--seed-color-palette-gray-500);--range-color:var(--seed-color-fg-neutral)}.seed-action-button--variant_neutralOutline:is(:active,[data-active]){background:var(--seed-box-background,var(--seed-color-bg-layer-default-pressed))}.seed-action-button--variant_neutralOutline:is(:disabled,[disabled],[data-disabled]){background:var(--seed-box-background,var(--seed-color-bg-layer-default));border-color:var(--seed-box-border-color,var(--seed-color-stroke-neutral));color:var(--seed-box-color,var(--seed-color-fg-disabled));--seed-prefix-icon-color:var(--seed-color-fg-disabled);--seed-suffix-icon-color:var(--seed-color-fg-disabled);--seed-icon-color:var(--seed-color-fg-disabled)}.seed-action-button--variant_neutralOutline[data-loading]{background:var(--seed-box-background,var(--seed-color-bg-layer-default))}.seed-action-button--variant_ghost{background:var(--seed-box-background,#fff0);--seed-box-color:var(--seed-color-fg-neutral);color:var(--seed-box-color,var(--seed-box-color));--seed-prefix-icon-color:var(--seed-box-color);--seed-suffix-icon-color:var(--seed-box-color);--seed-icon-color:var(--seed-box-color);--track-color:var(--seed-color-palette-gray-500);--range-color:var(--seed-color-fg-neutral)}.seed-action-button--variant_ghost:is(:active,[data-active]){background:var(--seed-box-background,var(--seed-color-bg-layer-default-pressed))}.seed-action-button--variant_ghost:is(:disabled,[disabled],[data-disabled]){background:var(--seed-box-background,#fff0);color:var(--seed-box-color,var(--seed-color-fg-disabled));--seed-prefix-icon-color:var(--seed-color-fg-disabled);--seed-suffix-icon-color:var(--seed-color-fg-disabled);--seed-icon-color:var(--seed-color-fg-disabled)}.seed-action-button--variant_ghost[data-loading]{background:var(--seed-box-background,var(--seed-color-bg-layer-default-pressed))}.seed-action-button--size_xsmall{height:var(--seed-dimension-x8);border-radius:var(--seed-radius-full);--size:14px;--thickness:2px;--seed-prefix-icon-size:var(--seed-dimension-x3_5);--seed-suffix-icon-size:var(--seed-dimension-x3_5);--seed-icon-size:var(--seed-dimension-x3_5)}.seed-action-button--size_small{height:var(--seed-dimension-x9);border-radius:var(--seed-radius-r2);--size:14px;--thickness:2px;--seed-prefix-icon-size:var(--seed-dimension-x3_5);--seed-suffix-icon-size:var(--seed-dimension-x3_5);--seed-icon-size:var(--seed-dimension-x4)}.seed-action-button--size_medium{height:var(--seed-dimension-x10);border-radius:var(--seed-radius-r2);--size:16px;--thickness:2px;--seed-prefix-icon-size:var(--seed-dimension-x4);--seed-suffix-icon-size:var(--seed-dimension-x4);--seed-icon-size:18px}.seed-action-button--size_large{height:var(--seed-dimension-x13);border-radius:var(--seed-radius-r3);--size:18px;--thickness:2px;--seed-prefix-icon-size:22px;--seed-suffix-icon-size:22px;--seed-icon-size:22px}.seed-action-button--size_xsmall-layout_withText{gap:var(--seed-dimension-x1);--seed-box-padding-left:var(--seed-dimension-x3_5);--seed-box-padding-right:var(--seed-dimension-x3_5);--seed-box-padding-top:var(--seed-dimension-x1_5);--seed-box-padding-bottom:var(--seed-dimension-x1_5);font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4)}.seed-action-button--size_xsmall-layout_iconOnly{min-width:var(--seed-dimension-x8);--seed-box-padding-left:var(--seed-dimension-x1_5);--seed-box-padding-right:var(--seed-dimension-x1_5);--seed-box-padding-top:var(--seed-dimension-x1_5);--seed-box-padding-bottom:var(--seed-dimension-x1_5)}.seed-action-button--size_small-layout_withText{gap:var(--seed-dimension-x1);--seed-box-padding-left:var(--seed-dimension-x3_5);--seed-box-padding-right:var(--seed-dimension-x3_5);--seed-box-padding-top:var(--seed-dimension-x2);--seed-box-padding-bottom:var(--seed-dimension-x2);font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4)}.seed-action-button--size_small-layout_iconOnly{min-width:var(--seed-dimension-x9);--seed-box-padding-left:var(--seed-dimension-x2);--seed-box-padding-right:var(--seed-dimension-x2);--seed-box-padding-top:var(--seed-dimension-x2);--seed-box-padding-bottom:var(--seed-dimension-x2)}.seed-action-button--size_medium-layout_withText{gap:var(--seed-dimension-x1);--seed-box-padding-left:var(--seed-dimension-x4);--seed-box-padding-right:var(--seed-dimension-x4);--seed-box-padding-top:var(--seed-dimension-x2_5);--seed-box-padding-bottom:var(--seed-dimension-x2_5);font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4)}.seed-action-button--size_medium-layout_iconOnly{min-width:var(--seed-dimension-x10);--seed-box-padding-left:var(--seed-dimension-x2_5);--seed-box-padding-right:var(--seed-dimension-x2_5);--seed-box-padding-top:var(--seed-dimension-x2_5);--seed-box-padding-bottom:var(--seed-dimension-x2_5)}.seed-action-button--size_large-layout_withText{gap:var(--seed-dimension-x2);--seed-box-padding-left:var(--seed-dimension-x5);--seed-box-padding-right:var(--seed-dimension-x5);--seed-box-padding-top:var(--seed-dimension-x3_5);--seed-box-padding-bottom:var(--seed-dimension-x3_5);font-size:var(--seed-font-size-t6);line-height:var(--seed-line-height-t6)}.seed-action-button--size_large-layout_iconOnly{min-width:var(--seed-dimension-x13);--seed-box-padding-left:var(--seed-dimension-x3_5);--seed-box-padding-right:var(--seed-dimension-x3_5);--seed-box-padding-top:var(--seed-dimension-x3_5);--seed-box-padding-bottom:var(--seed-dimension-x3_5)}.seed-toggle-button{box-sizing:border-box;cursor:pointer;text-transform:none;white-space:nowrap;vertical-align:middle;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:none;flex-shrink:0;justify-content:center;align-items:center;font-family:inherit;text-decoration:none;display:inline-flex;position:relative}.seed-toggle-button:is(:focus,[data-focus]){outline:none}.seed-toggle-button:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed}.seed-toggle-button{transition:background-color var(--seed-duration-d4)var(--seed-timing-function-easing);font-weight:var(--seed-font-weight-bold)}.seed-toggle-button--variant_brandSolid{background:var(--seed-box-background,var(--seed-color-bg-brand-solid));color:var(--seed-box-color,var(--seed-color-palette-static-white));--track-color:var(--seed-color-palette-static-white-alpha-300);--range-color:var(--seed-color-palette-static-white)}.seed-toggle-button--variant_brandSolid:is(:active,[data-active]){background:var(--seed-box-background,var(--seed-color-bg-brand-solid-pressed))}.seed-toggle-button--variant_brandSolid:is([aria-pressed=true],[data-pressed]){background:var(--seed-box-background,var(--seed-color-bg-neutral-weak));color:var(--seed-box-color,var(--seed-color-fg-neutral));--track-color:var(--seed-color-palette-gray-500);--range-color:var(--seed-color-fg-neutral);--seed-prefix-icon-color:var(--seed-color-fg-neutral);--seed-suffix-icon-color:var(--seed-color-fg-neutral)}.seed-toggle-button--variant_brandSolid:is([aria-pressed=true],[data-pressed]):is(:active,[data-active]){background:var(--seed-box-background,var(--seed-color-bg-neutral-weak-pressed))}.seed-toggle-button--variant_brandSolid:is(:disabled,[disabled],[data-disabled]){background:var(--seed-box-background,var(--seed-color-bg-disabled));color:var(--seed-box-color,var(--seed-color-fg-disabled));--seed-prefix-icon-color:var(--seed-color-fg-disabled);--seed-suffix-icon-color:var(--seed-color-fg-disabled)}.seed-toggle-button--variant_brandSolid[data-loading]{background:var(--seed-box-background,var(--seed-color-bg-brand-solid-pressed))}.seed-toggle-button--variant_brandSolid:is([aria-pressed=true],[data-pressed])[data-loading]{background:var(--seed-box-background,var(--seed-color-bg-neutral-weak-pressed))}.seed-toggle-button--variant_brandSolid{--seed-prefix-icon-color:var(--seed-color-palette-static-white);--seed-suffix-icon-color:var(--seed-color-palette-static-white)}.seed-toggle-button--variant_neutralWeak{background:var(--seed-box-background,var(--seed-color-bg-neutral-weak));color:var(--seed-box-color,var(--seed-color-fg-neutral));--track-color:var(--seed-color-palette-gray-500);--range-color:var(--seed-color-fg-neutral)}.seed-toggle-button--variant_neutralWeak:is(:active,[data-active]){background:var(--seed-box-background,var(--seed-color-bg-neutral-weak-pressed))}.seed-toggle-button--variant_neutralWeak:is([aria-pressed=true],[data-pressed]){background:var(--seed-box-background,var(--seed-color-bg-neutral-weak));color:var(--seed-box-color,var(--seed-color-fg-neutral));--track-color:var(--seed-color-palette-gray-500);--range-color:var(--seed-color-fg-neutral);--seed-prefix-icon-color:var(--seed-color-fg-neutral);--seed-suffix-icon-color:var(--seed-color-fg-neutral)}.seed-toggle-button--variant_neutralWeak:is([aria-pressed=true],[data-pressed]):is(:active,[data-active]){background:var(--seed-box-background,var(--seed-color-bg-neutral-weak-pressed))}.seed-toggle-button--variant_neutralWeak:is(:disabled,[disabled],[data-disabled]){background:var(--seed-box-background,var(--seed-color-bg-disabled));color:var(--seed-box-color,var(--seed-color-fg-disabled));--seed-prefix-icon-color:var(--seed-color-fg-disabled);--seed-suffix-icon-color:var(--seed-color-fg-disabled)}.seed-toggle-button--variant_neutralWeak[data-loading],.seed-toggle-button--variant_neutralWeak:is([aria-pressed=true],[data-pressed])[data-loading]{background:var(--seed-box-background,var(--seed-color-bg-neutral-weak-pressed))}.seed-toggle-button--variant_neutralWeak{--seed-prefix-icon-color:var(--seed-color-fg-neutral);--seed-suffix-icon-color:var(--seed-color-fg-neutral)}.seed-toggle-button--size_xsmall{height:var(--seed-dimension-x8);border-radius:var(--seed-radius-full);gap:var(--seed-dimension-x1);padding-inline:var(--seed-dimension-x3_5);padding-block:var(--seed-dimension-x1_5);font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4);--size:14px;--thickness:2px;--seed-prefix-icon-size:var(--seed-dimension-x3_5);--seed-suffix-icon-size:var(--seed-dimension-x3_5)}.seed-toggle-button--size_small{height:var(--seed-dimension-x9);border-radius:var(--seed-radius-full);gap:var(--seed-dimension-x1);padding-inline:var(--seed-dimension-x4);padding-block:var(--seed-dimension-x2);font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4);--size:14px;--thickness:2px;--seed-prefix-icon-size:var(--seed-dimension-x3_5);--seed-suffix-icon-size:var(--seed-dimension-x3_5)}.seed-reaction-button{box-sizing:border-box;cursor:pointer;text-transform:none;white-space:nowrap;vertical-align:middle;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:none;flex-shrink:0;justify-content:center;align-items:center;font-family:inherit;text-decoration:none;display:inline-flex;position:relative}.seed-reaction-button:is(:focus,[data-focus]){outline:none}.seed-reaction-button{transition:background-color var(--seed-duration-d4)var(--seed-timing-function-easing);background:var(--seed-box-background,var(--seed-color-bg-neutral-weak));font-weight:var(--seed-font-weight-medium);color:var(--seed-box-color,var(--seed-color-fg-neutral));--track-color:var(--seed-color-palette-gray-500);--range-color:var(--seed-color-fg-neutral);--seed-count-font-weight:var(--seed-font-weight-bold);--seed-count-color:var(--seed-color-fg-neutral)}.seed-reaction-button:is(:active,[data-active]){background:var(--seed-box-background,var(--seed-color-bg-neutral-weak-pressed))}.seed-reaction-button:is([aria-pressed=true],[data-pressed]){background:var(--seed-box-background,var(--seed-color-bg-layer-default));color:var(--seed-box-color,var(--seed-color-fg-brand));box-shadow:inset 0 0 0 1px var(--seed-color-stroke-brand);--seed-prefix-icon-color:var(--seed-color-fg-brand);--seed-count-color:var(--seed-color-fg-brand)}.seed-reaction-button:is([aria-pressed=true],[data-pressed]):is(:active,[data-active]){background:var(--seed-box-background,var(--seed-color-bg-layer-default-pressed))}.seed-reaction-button:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed;background:var(--seed-box-background,var(--seed-color-bg-disabled));color:var(--seed-box-color,var(--seed-color-fg-disabled));box-shadow:inset 0 0 0 0px var(--seed-color-stroke-brand);--seed-prefix-icon-color:var(--seed-color-fg-disabled);--seed-count-color:var(--seed-color-fg-disabled)}.seed-reaction-button[data-loading]{background:var(--seed-box-background,var(--seed-color-bg-neutral-weak-pressed))}.seed-reaction-button:is([aria-pressed=true],[data-pressed])[data-loading]{background:var(--seed-box-background,var(--seed-color-bg-layer-default-pressed));box-shadow:inset 0 0 0 1px var(--seed-color-stroke-brand);--track-color:var(--seed-color-palette-carrot-200);--range-color:var(--seed-color-fg-brand)}.seed-reaction-button--size_xsmall{height:var(--seed-dimension-x8);padding-inline:var(--seed-dimension-x3);padding-block:var(--seed-dimension-x1_5);gap:var(--seed-dimension-x1);border-radius:var(--seed-radius-full);font-size:var(--seed-font-size-t3);line-height:var(--seed-line-height-t3);--size:14px;--thickness:2px;--seed-count-font-size:var(--seed-font-size-t3);--seed-count-line-height:var(--seed-line-height-t3);--seed-prefix-icon-size:18px}.seed-reaction-button--size_small{height:var(--seed-dimension-x9);padding-inline:var(--seed-dimension-x3_5);padding-block:var(--seed-dimension-x2);gap:var(--seed-dimension-x1);border-radius:var(--seed-radius-full);font-size:var(--seed-font-size-t3);line-height:var(--seed-line-height-t3);--size:14px;--thickness:2px;--seed-count-font-size:var(--seed-font-size-t3);--seed-count-line-height:var(--seed-line-height-t3);--seed-prefix-icon-size:18px}.seed-bottom-sheet__positioner{overscroll-behavior-y:none;--sheet-z-index:2;z-index:calc(var(--sheet-z-index) + var(--layer-index,0));justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.seed-bottom-sheet__backdrop{background:var(--seed-box-background,var(--seed-color-bg-overlay));z-index:calc(var(--sheet-z-index) + var(--layer-index,0));position:fixed;inset:0}.seed-bottom-sheet__backdrop:not(:is([data-state=open],[data-open])){animation:seed-exit;animation-timing-function:var(--seed-timing-function-exit);animation-duration:var(--seed-duration-d2);--seed-exit-translate-x:0;--seed-exit-translate-y:0;--seed-exit-opacity:0;--seed-exit-scale:1;animation-fill-mode:forwards}.seed-bottom-sheet__backdrop:is([data-state=open],[data-open]){animation:seed-enter;animation-timing-function:var(--seed-timing-function-enter);animation-duration:var(--seed-duration-d2);--seed-enter-translate-x:0;--seed-enter-translate-y:0;--seed-enter-opacity:0;--seed-enter-scale:1}.seed-bottom-sheet__content{box-sizing:border-box;word-break:break-all;z-index:calc(var(--sheet-z-index) + var(--layer-index,0));background:var(--seed-box-background,var(--seed-color-bg-layer-floating));border-top-left-radius:var(--seed-radius-r6);border-top-right-radius:var(--seed-radius-r6);flex-direction:column;flex:1;display:flex;position:relative}.seed-bottom-sheet__content:not(:is([data-state=open],[data-open])){animation:seed-exit;animation-timing-function:var(--seed-timing-function-exit);animation-duration:var(--seed-duration-d4);--seed-exit-translate-x:0;--seed-exit-translate-y:100%;--seed-exit-opacity:1;--seed-exit-scale:1;animation-fill-mode:forwards}.seed-bottom-sheet__content:is([data-state=open],[data-open]){animation:seed-enter;animation-timing-function:var(--seed-timing-function-enter-expressive);animation-duration:var(--seed-duration-d6);--seed-enter-translate-x:0;--seed-enter-translate-y:100%;--seed-enter-opacity:1;--seed-enter-scale:1}.seed-bottom-sheet__header{gap:var(--seed-dimension-x2);padding-top:var(--seed-dimension-x6);padding-bottom:var(--seed-dimension-x4);flex-direction:column;display:flex}.seed-bottom-sheet__title{color:var(--seed-box-color,var(--seed-color-fg-neutral));font-size:var(--seed-font-size-t8);line-height:var(--seed-line-height-t8);font-weight:var(--seed-font-weight-bold);margin:0}.seed-bottom-sheet__description{color:var(--seed-box-color,var(--seed-color-fg-neutral-muted));font-size:var(--seed-font-size-t5);line-height:var(--seed-line-height-t5);font-weight:var(--seed-font-weight-regular);white-space:pre-wrap;margin:0}.seed-bottom-sheet__body{--seed-box-padding-x:var(--seed-dimension-spacing-x-global-gutter);--seed-box-height:initial;--seed-box-min-height:initial;--seed-box-max-height:initial;--seed-box-justify-content:initial;--seed-box-align-items:initial;padding-inline:var(--seed-box-padding-x);height:var(--seed-box-height);min-height:var(--seed-box-min-height);max-height:var(--seed-box-max-height);justify-content:var(--seed-box-justify-content);align-items:var(--seed-box-align-items);flex-direction:column;display:flex}.seed-bottom-sheet__footer{padding-inline:var(--seed-dimension-spacing-x-global-gutter);padding-top:var(--seed-dimension-x3);padding-bottom:var(--seed-dimension-x4);flex-direction:column;display:flex}.seed-bottom-sheet__closeButton{top:var(--seed-dimension-x5);right:var(--seed-dimension-x5);border-radius:var(--seed-radius-full);background:var(--seed-box-background,var(--seed-color-bg-neutral-weak));--seed-icon-size:14px;--seed-icon-color:var(--seed-color-fg-neutral);justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute}.seed-bottom-sheet__closeButton:after{content:"";position:absolute;inset:-8px}.seed-bottom-sheet__header--headerAlign_left{padding-left:var(--seed-dimension-spacing-x-global-gutter);justify-content:flex-start;padding-right:50px}.seed-bottom-sheet__header--headerAlign_center{justify-content:center;padding-left:50px;padding-right:50px}.seed-action-sheet__positioner{overscroll-behavior-y:none;--sheet-z-index:2;z-index:calc(var(--sheet-z-index) + var(--layer-index,0));justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.seed-action-sheet__backdrop{background:var(--seed-box-background,var(--seed-color-bg-overlay));z-index:calc(var(--sheet-z-index) + var(--layer-index,0));position:fixed;inset:0}.seed-action-sheet__backdrop:not(:is([data-state=open],[data-open])){animation:seed-exit;animation-timing-function:var(--seed-timing-function-exit);animation-duration:var(--seed-duration-d2);--seed-exit-translate-x:0;--seed-exit-translate-y:0;--seed-exit-opacity:0;--seed-exit-scale:1;animation-fill-mode:forwards}.seed-action-sheet__backdrop:is([data-state=open],[data-open]){animation:seed-enter;animation-timing-function:var(--seed-timing-function-enter);animation-duration:var(--seed-duration-d2);--seed-enter-translate-x:0;--seed-enter-translate-y:0;--seed-enter-opacity:0;--seed-enter-scale:1}.seed-action-sheet__content{box-sizing:border-box;word-break:break-all;z-index:calc(var(--sheet-z-index) + var(--layer-index,0));background:var(--seed-box-background,var(--seed-color-bg-layer-floating));border-top-left-radius:var(--seed-radius-r5);border-top-right-radius:var(--seed-radius-r5);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.seed-action-sheet__content:not(:is([data-state=open],[data-open])){animation:seed-exit;animation-timing-function:var(--seed-timing-function-exit);animation-duration:var(--seed-duration-d4);--seed-exit-translate-x:0;--seed-exit-translate-y:100%;--seed-exit-opacity:1;--seed-exit-scale:1;animation-fill-mode:forwards}.seed-action-sheet__content:is([data-state=open],[data-open]){animation:seed-enter;animation-timing-function:var(--seed-timing-function-enter-expressive);animation-duration:var(--seed-duration-d6);--seed-enter-translate-x:0;--seed-enter-translate-y:100%;--seed-enter-opacity:1;--seed-enter-scale:1}.seed-action-sheet__header{padding-inline:var(--seed-dimension-spacing-x-global-gutter);padding-block:var(--seed-dimension-x3_5);align-items:center;gap:var(--seed-dimension-x1);flex-direction:column;display:flex;position:relative}.seed-action-sheet__header:after{content:"";left:var(--seed-dimension-spacing-x-global-gutter);right:var(--seed-dimension-spacing-x-global-gutter);background:var(--seed-box-background,var(--seed-color-stroke-neutral));height:1px;display:block;position:absolute;bottom:0}.seed-action-sheet__title{color:var(--seed-box-color,var(--seed-color-fg-neutral-muted));font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4);font-weight:var(--seed-font-weight-bold)}.seed-action-sheet__description{color:var(--seed-box-color,var(--seed-color-fg-neutral-muted));font-size:var(--seed-font-size-t3);line-height:var(--seed-line-height-t3);font-weight:var(--seed-font-weight-regular)}.seed-action-sheet__list{flex-direction:column;align-items:stretch;display:flex}.seed-action-sheet__closeButton{background-color:var(--seed-box-background,var(--seed-color-bg-layer-floating));min-height:50px;padding-inline:var(--seed-dimension-spacing-x-global-gutter);padding-block:var(--seed-dimension-x3_5);color:var(--seed-box-color,var(--seed-color-fg-neutral));font-size:var(--seed-font-size-t5);line-height:var(--seed-line-height-t5);font-weight:var(--seed-font-weight-bold);justify-content:center;align-items:center;display:flex}.seed-action-sheet__closeButton:is(:active,[data-active]){background-color:var(--seed-box-background,var(--seed-color-bg-layer-floating-pressed))}.seed-action-sheet-item{background-color:var(--seed-box-background,var(--seed-color-bg-layer-floating));min-height:50px;padding-inline:var(--seed-dimension-spacing-x-global-gutter);padding-block:var(--seed-dimension-x3_5);font-size:var(--seed-font-size-t5);line-height:var(--seed-line-height-t5);font-weight:var(--seed-font-weight-regular);justify-content:center;align-items:center;display:flex;position:relative}.seed-action-sheet-item:is(:active,[data-active]){background-color:var(--seed-box-background,var(--seed-color-bg-layer-floating-pressed))}.seed-action-sheet-item:after{content:"";left:var(--seed-dimension-spacing-x-global-gutter);right:var(--seed-dimension-spacing-x-global-gutter);background:var(--seed-box-background,var(--seed-color-stroke-neutral));height:1px;display:block;position:absolute;bottom:0}.seed-action-sheet-item--tone_neutral{color:var(--seed-box-color,var(--seed-color-fg-neutral))}.seed-action-sheet-item--tone_critical{color:var(--seed-box-color,var(--seed-color-fg-critical))}.seed-extended-action-sheet__positioner{overscroll-behavior-y:none;--sheet-z-index:2;z-index:calc(var(--sheet-z-index) + var(--layer-index,0));justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.seed-extended-action-sheet__backdrop{background:var(--seed-box-background,var(--seed-color-bg-overlay));z-index:calc(var(--sheet-z-index) + var(--layer-index,0));position:fixed;inset:0}.seed-extended-action-sheet__backdrop:not(:is([data-state=open],[data-open])){animation:seed-exit;animation-timing-function:var(--seed-timing-function-exit);animation-duration:var(--seed-duration-d2);--seed-exit-translate-x:0;--seed-exit-translate-y:0;--seed-exit-opacity:0;--seed-exit-scale:1;animation-fill-mode:forwards}.seed-extended-action-sheet__backdrop:is([data-state=open],[data-open]){animation:seed-enter;animation-timing-function:var(--seed-timing-function-enter);animation-duration:var(--seed-duration-d2);--seed-enter-translate-x:0;--seed-enter-translate-y:0;--seed-enter-opacity:0;--seed-enter-scale:1}.seed-extended-action-sheet__content{box-sizing:border-box;word-break:break-all;z-index:calc(var(--sheet-z-index) + var(--layer-index,0));background:var(--seed-box-background,var(--seed-color-bg-layer-floating));padding-inline:var(--seed-dimension-spacing-x-global-gutter);padding-block:var(--seed-dimension-x4);border-top-left-radius:var(--seed-radius-r5);border-top-right-radius:var(--seed-radius-r5);flex-direction:column;flex:1;display:flex;position:relative}.seed-extended-action-sheet__content:not(:is([data-state=open],[data-open])){animation:seed-exit;animation-timing-function:var(--seed-timing-function-exit);animation-duration:var(--seed-duration-d4);--seed-exit-translate-x:0;--seed-exit-translate-y:100%;--seed-exit-opacity:1;--seed-exit-scale:1;animation-fill-mode:forwards}.seed-extended-action-sheet__content:is([data-state=open],[data-open]){animation:seed-enter;animation-timing-function:var(--seed-timing-function-enter-expressive);animation-duration:var(--seed-duration-d6);--seed-enter-translate-x:0;--seed-enter-translate-y:100%;--seed-enter-opacity:1;--seed-enter-scale:1}.seed-extended-action-sheet__header{align-items:center;gap:var(--seed-dimension-x1);padding-bottom:var(--seed-dimension-x4);flex-direction:column;display:flex}.seed-extended-action-sheet__title{color:var(--seed-box-color,var(--seed-color-fg-neutral));font-size:var(--seed-font-size-t6);line-height:var(--seed-line-height-t6);font-weight:var(--seed-font-weight-bold)}.seed-extended-action-sheet__list{align-items:stretch;gap:var(--seed-dimension-x2_5);flex-direction:column;display:flex}.seed-extended-action-sheet__group{border-radius:var(--seed-radius-r4);flex-direction:column;align-items:stretch;display:flex;overflow:hidden}.seed-extended-action-sheet__footer{padding-top:var(--seed-dimension-x2_5);flex-direction:column;align-items:stretch;display:flex}.seed-extended-action-sheet__closeButton{background-color:var(--seed-box-background,var(--seed-color-bg-neutral-weak));min-height:52px;padding-inline:var(--seed-dimension-x5);padding-block:var(--seed-dimension-x3_5);border-radius:var(--seed-radius-r3);color:var(--seed-box-color,var(--seed-color-fg-neutral));font-size:var(--seed-font-size-t5);line-height:var(--seed-line-height-t5);font-weight:var(--seed-font-weight-medium);justify-content:center;align-items:center;display:flex}.seed-extended-action-sheet__closeButton:is(:active,[data-active]){background-color:var(--seed-box-background,var(--seed-color-bg-neutral-weak-pressed))}.seed-extended-action-sheet-item{background-color:var(--seed-box-background,var(--seed-color-bg-neutral-weak));min-height:52px;padding-inline:var(--seed-dimension-x4);padding-block:var(--seed-dimension-x3_5);justify-content:flex-start;align-items:center;gap:var(--seed-dimension-x3_5);box-shadow:inset 0 calc(-1*1px)0 var(--seed-color-stroke-neutral);font-size:var(--seed-font-size-t5);line-height:var(--seed-line-height-t5);font-weight:var(--seed-font-weight-regular);display:flex}.seed-extended-action-sheet-item:is(:active,[data-active]){background-color:var(--seed-box-background,var(--seed-color-bg-neutral-weak-pressed))}.seed-extended-action-sheet-item:last-child{box-shadow:none}.seed-extended-action-sheet-item{--seed-prefix-icon-size:22px}.seed-extended-action-sheet-item--tone_neutral{color:var(--seed-box-color,var(--seed-color-fg-neutral));--seed-prefix-icon-color:var(--seed-color-fg-neutral)}.seed-extended-action-sheet-item--tone_critical{color:var(--seed-box-color,var(--seed-color-fg-critical));--seed-prefix-icon-color:var(--seed-color-fg-critical)}.seed-contextual-floating-button{box-sizing:border-box;cursor:pointer;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:none;justify-content:center;align-items:center;font-family:inherit;text-decoration:none;display:inline-flex}.seed-contextual-floating-button:is(:focus,[data-focus]){outline:none}.seed-contextual-floating-button:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed}.seed-contextual-floating-button{border-radius:var(--seed-radius-full);font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4);font-weight:var(--seed-font-weight-medium);--seed-box-z-index:initial;z-index:var(--seed-box-z-index);--seed-box-position:initial;position:var(--seed-box-position);--seed-box-top:initial;--seed-box-right:initial;--seed-box-bottom:initial;--seed-box-left:initial;top:var(--seed-box-top);right:var(--seed-box-right);bottom:var(--seed-box-bottom);left:var(--seed-box-left);--seed-icon-size:22px;--size:16px;--thickness:2px;transition:background-color var(--seed-duration-d4)var(--seed-timing-function-easing);box-shadow:0 2px 6px #00000026}.seed-contextual-floating-button--variant_solid{background:var(--seed-box-background,var(--seed-color-bg-neutral-inverted));color:var(--seed-box-color,var(--seed-color-fg-neutral-inverted));--seed-icon-color:var(--seed-color-fg-neutral-inverted);--seed-prefix-icon-color:var(--seed-color-fg-neutral-inverted);--track-color:var(--seed-color-palette-gray-700);--range-color:var(--seed-color-fg-neutral-inverted)}.seed-contextual-floating-button--variant_solid:is(:active,[data-active]){background:var(--seed-box-background,var(--seed-color-bg-neutral-inverted-pressed))}.seed-contextual-floating-button--variant_solid:is(:disabled,[disabled],[data-disabled]){background:var(--seed-box-background,var(--seed-color-bg-disabled));color:var(--seed-box-color,var(--seed-color-fg-disabled));--seed-prefix-icon-color:var(--seed-color-fg-disabled);--seed-icon-color:var(--seed-color-fg-disabled)}.seed-contextual-floating-button--variant_solid[data-loading]{background:var(--seed-box-background,var(--seed-color-bg-neutral-inverted-pressed))}.seed-contextual-floating-button--variant_layer{background:var(--seed-box-background,var(--seed-color-bg-layer-floating));color:var(--seed-box-color,var(--seed-color-fg-neutral));--seed-icon-color:var(--seed-color-fg-neutral);--seed-prefix-icon-color:var(--seed-color-fg-neutral);--track-color:var(--seed-color-palette-gray-500);--range-color:var(--seed-color-fg-neutral)}.seed-contextual-floating-button--variant_layer:is(:active,[data-active]){background:var(--seed-box-background,var(--seed-color-bg-layer-floating-pressed))}.seed-contextual-floating-button--variant_layer:is(:disabled,[disabled],[data-disabled]){background:var(--seed-box-background,var(--seed-color-bg-disabled));color:var(--seed-box-color,var(--seed-color-fg-disabled));--seed-prefix-icon-color:var(--seed-color-fg-disabled);--seed-icon-color:var(--seed-color-fg-disabled)}.seed-contextual-floating-button--variant_layer[data-loading]{background:var(--seed-box-background,var(--seed-color-bg-layer-floating-pressed))}.seed-contextual-floating-button--layout_withText{min-height:36px;padding-inline:var(--seed-dimension-x3_5);padding-block:var(--seed-dimension-x2);gap:var(--seed-dimension-x1);--seed-prefix-icon-size:16px}.seed-contextual-floating-button--layout_iconOnly{--seed-icon-size:22px;width:44px;height:44px}.seed-floating-action-button__root{box-sizing:border-box;cursor:pointer;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:none;justify-content:center;align-items:center;font-family:inherit;text-decoration:none;display:inline-flex}.seed-floating-action-button__root:is(:focus,[data-focus]){outline:none}.seed-floating-action-button__root:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed}.seed-floating-action-button__root{background:var(--seed-box-background,var(--seed-color-bg-brand-solid));border-radius:var(--seed-radius-full);color:var(--seed-box-color,var(--seed-color-palette-static-white));font-size:var(--seed-font-size-t5);line-height:var(--seed-line-height-t5);font-weight:var(--seed-font-weight-bold);transition:background-color var(--seed-duration-d4)var(--seed-timing-function-easing),max-width var(--seed-duration-d4)var(--seed-timing-function-easing),height var(--seed-duration-d4)var(--seed-timing-function-easing),padding var(--seed-duration-d4)var(--seed-timing-function-easing);position:relative;overflow:hidden;box-shadow:0 2px 6px #00000026}.seed-floating-action-button__root:is(:active,[data-active]){background:var(--seed-box-background,var(--seed-color-bg-brand-solid-pressed))}.seed-floating-action-button__icon{color:var(--seed-box-color,var(--seed-color-palette-static-white));transition:margin-right var(--seed-duration-d4)var(--seed-timing-function-easing),width var(--seed-duration-d4)var(--seed-timing-function-easing),height var(--seed-duration-d4)var(--seed-timing-function-easing);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.seed-floating-action-button__label{word-break:keep-all;white-space:nowrap;overflow:hidden}.seed-floating-action-button__root--extended_true{padding-inline:var(--seed-dimension-x4_5);width:fit-content;max-width:999px;height:48px}.seed-floating-action-button__icon--extended_true{width:var(--seed-dimension-x5);height:var(--seed-dimension-x5);margin-right:var(--seed-dimension-x1);transition:none}.seed-floating-action-button__root--extended_false{min-width:56px;max-width:56px;height:56px;padding:0}.seed-floating-action-button__icon--extended_false{width:var(--seed-dimension-x6);height:var(--seed-dimension-x6);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.seed-floating-action-button__label--extended_false{opacity:0}.seed-fab{box-sizing:border-box;cursor:pointer;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:none;justify-content:center;align-items:center;font-family:inherit;text-decoration:none;display:inline-flex}.seed-fab:is(:focus,[data-focus]){outline:none}.seed-fab:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed}.seed-fab{background:var(--seed-box-background,var(--seed-color-bg-layer-floating));border-radius:var(--seed-radius-full);--seed-icon-size:22px;--seed-icon-color:var(--seed-color-fg-neutral);width:44px;height:44px;box-shadow:0 2px 6px #00000026}.seed-fab:is(:active,[data-active]){background:var(--seed-box-background,var(--seed-color-bg-layer-floating-pressed))}.seed-extended-fab{box-sizing:border-box;cursor:pointer;text-transform:none;white-space:nowrap;vertical-align:middle;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:none;flex-shrink:0;justify-content:center;align-items:center;font-family:inherit;text-decoration:none;display:inline-flex}.seed-extended-fab:is(:focus,[data-focus]){outline:none}.seed-extended-fab:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed}.seed-extended-fab{border-radius:var(--seed-radius-full);box-shadow:0 2px 6px #00000026}.seed-extended-fab--variant_neutralSolid{background:var(--seed-box-background,var(--seed-color-bg-neutral-inverted));color:var(--seed-box-color,var(--seed-color-fg-neutral-inverted))}.seed-extended-fab--variant_neutralSolid:is(:active,[data-active]){background:var(--seed-box-background,var(--seed-color-bg-neutral-inverted-pressed))}.seed-extended-fab--variant_neutralSolid{--seed-prefix-icon-color:var(--seed-color-fg-neutral-inverted)}.seed-extended-fab--variant_layerFloating{background:var(--seed-box-background,var(--seed-color-bg-layer-floating));color:var(--seed-box-color,var(--seed-color-fg-neutral))}.seed-extended-fab--variant_layerFloating:is(:active,[data-active]){background:var(--seed-box-background,var(--seed-color-bg-layer-floating-pressed))}.seed-extended-fab--variant_layerFloating{--seed-prefix-icon-color:var(--seed-color-fg-neutral)}.seed-extended-fab--size_small{padding-inline:var(--seed-dimension-x3_5);padding-block:var(--seed-dimension-x2_5);gap:var(--seed-dimension-x1);min-height:40px;font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4);font-weight:var(--seed-font-weight-medium);--seed-prefix-icon-size:16px}.seed-extended-fab--size_medium{padding-inline:var(--seed-dimension-x4);padding-block:var(--seed-dimension-x3);gap:var(--seed-dimension-x1);min-height:48px;font-size:var(--seed-font-size-t5);line-height:var(--seed-line-height-t5);font-weight:var(--seed-font-weight-bold);--seed-prefix-icon-size:16px}.seed-badge{box-sizing:border-box;text-transform:none;text-align:start;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.seed-badge--size_medium{min-height:var(--seed-dimension-x5);padding-inline:var(--seed-dimension-x1_5);padding-block:var(--seed-dimension-x0_5);border-radius:var(--seed-radius-r1);font-size:var(--seed-font-size-t1);line-height:var(--seed-line-height-t1)}.seed-badge--size_large{min-height:var(--seed-dimension-x6);padding-inline:var(--seed-dimension-x2);padding-block:var(--seed-dimension-x1);border-radius:var(--seed-radius-r1_5);font-size:var(--seed-font-size-t2);line-height:var(--seed-line-height-t2)}.seed-badge--variant_weak{font-weight:var(--seed-font-weight-medium)}.seed-badge--variant_solid,.seed-badge--variant_outline{font-weight:var(--seed-font-weight-bold)}.seed-badge--tone_neutral-variant_weak{background-color:var(--seed-box-background,var(--seed-color-bg-neutral-weak));color:var(--seed-box-color,var(--seed-color-fg-neutral-muted))}.seed-badge--tone_neutral-variant_solid{background-color:var(--seed-box-background,var(--seed-color-palette-gray-800));color:var(--seed-box-color,var(--seed-color-fg-neutral-inverted))}.seed-badge--tone_neutral-variant_outline{box-shadow:inset 0 0 0 1px var(--seed-color-stroke-neutral);color:var(--seed-box-color,var(--seed-color-fg-neutral-muted))}.seed-badge--tone_brand-variant_weak{background-color:var(--seed-box-background,var(--seed-color-palette-carrot-100));color:var(--seed-box-color,var(--seed-color-palette-carrot-900))}.seed-badge--tone_brand-variant_solid{background-color:var(--seed-box-background,var(--seed-color-bg-brand-solid));color:var(--seed-box-color,var(--seed-color-palette-static-white))}.seed-badge--tone_brand-variant_outline{box-shadow:inset 0 0 0 1px var(--seed-color-stroke-brand);color:var(--seed-box-color,var(--seed-color-fg-brand))}.seed-badge--tone_informative-variant_weak{background-color:var(--seed-box-background,var(--seed-color-bg-informative-weak));color:var(--seed-box-color,var(--seed-color-fg-informative-contrast))}.seed-badge--tone_informative-variant_solid{background-color:var(--seed-box-background,var(--seed-color-bg-informative-solid));color:var(--seed-box-color,var(--seed-color-palette-static-white))}.seed-badge--tone_informative-variant_outline{box-shadow:inset 0 0 0 1px var(--seed-color-stroke-informative);color:var(--seed-box-color,var(--seed-color-fg-informative))}.seed-badge--tone_positive-variant_weak{background-color:var(--seed-box-background,var(--seed-color-bg-positive-weak));color:var(--seed-box-color,var(--seed-color-fg-positive-contrast))}.seed-badge--tone_positive-variant_solid{background-color:var(--seed-box-background,var(--seed-color-bg-positive-solid));color:var(--seed-box-color,var(--seed-color-palette-static-white))}.seed-badge--tone_positive-variant_outline{box-shadow:inset 0 0 0 1px var(--seed-color-stroke-positive);color:var(--seed-box-color,var(--seed-color-fg-positive))}.seed-badge--tone_critical-variant_weak{background-color:var(--seed-box-background,var(--seed-color-bg-critical-weak));color:var(--seed-box-color,var(--seed-color-fg-critical-contrast))}.seed-badge--tone_critical-variant_solid{background-color:var(--seed-box-background,var(--seed-color-bg-critical-solid));color:var(--seed-box-color,var(--seed-color-palette-static-white))}.seed-badge--tone_critical-variant_outline{box-shadow:inset 0 0 0 1px var(--seed-color-stroke-critical);color:var(--seed-box-color,var(--seed-color-fg-critical))}.seed-radio__root{box-sizing:border-box;background-color:var(--seed-box-background,var(--seed-color-bg-layer-default));border-style:solid;border-width:1px;border-color:var(--seed-box-border-color,var(--seed-color-stroke-control));border-radius:var(--seed-radius-full);flex:none;justify-content:center;align-items:center;display:flex}.seed-radio__root:is(:active,[data-active]){background-color:var(--seed-box-background,var(--seed-color-bg-layer-default-pressed))}.seed-radio__root:is(:checked,[data-checked]){background-color:var(--seed-box-background,var(--seed-color-bg-brand-solid));border-width:0}.seed-radio__root:is(:active,[data-active]):is(:checked,[data-checked]){background-color:var(--seed-box-background,var(--seed-color-bg-brand-solid-pressed))}.seed-radio__root:is(:disabled,[disabled],[data-disabled]){background-color:var(--seed-box-background,var(--seed-color-palette-gray-300))}.seed-radio__root:is(:disabled,[disabled],[data-disabled]):is(:checked,[data-checked]){background-color:var(--seed-box-background,none);border-color:var(--seed-box-border-color,var(--seed-color-palette-gray-300))}.seed-radio__icon{border-radius:var(--seed-radius-full);display:none}.seed-radio__icon:is(:checked,[data-checked]){background-color:var(--seed-box-background,var(--seed-color-palette-static-white));display:block}.seed-radio__icon:is(:disabled,[disabled],[data-disabled]):is(:checked,[data-checked]){background-color:var(--seed-box-background,var(--seed-color-palette-gray-300))}.seed-radio__root--size_large{width:var(--seed-dimension-x6);height:var(--seed-dimension-x6)}.seed-radio__icon--size_large{width:var(--seed-dimension-x2_5);height:var(--seed-dimension-x2_5)}.seed-radio__icon--size_large:is(:disabled,[disabled],[data-disabled]){width:var(--seed-dimension-x3);height:var(--seed-dimension-x3)}.seed-radio__root--size_medium{width:var(--seed-dimension-x5);height:var(--seed-dimension-x5)}.seed-radio__icon--size_medium{width:var(--seed-dimension-x2);height:var(--seed-dimension-x2)}.seed-radio__icon--size_medium:is(:disabled,[disabled],[data-disabled]){width:var(--seed-dimension-x2_5);height:var(--seed-dimension-x2_5)}.seed-dialog__positioner{overscroll-behavior-y:none;--dialog-z-index:2;z-index:calc(var(--dialog-z-index) + var(--layer-index,0));justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.seed-dialog__backdrop{background:var(--seed-box-background,var(--seed-color-bg-overlay));z-index:calc(var(--dialog-z-index) + var(--layer-index,0));position:fixed;inset:0}.seed-dialog__backdrop:is([data-state=open],[data-open]){animation:seed-enter;animation-timing-function:var(--seed-timing-function-enter);animation-duration:var(--seed-duration-d2);--seed-enter-translate-x:0;--seed-enter-translate-y:0;--seed-enter-opacity:0;--seed-enter-scale:1}.seed-dialog__backdrop:not(:is([data-state=open],[data-open])){animation:seed-exit;animation-timing-function:var(--seed-timing-function-exit);animation-duration:var(--seed-duration-d2);--seed-exit-translate-x:0;--seed-exit-translate-y:0;--seed-exit-opacity:0;--seed-exit-scale:1;animation-fill-mode:forwards}.seed-dialog__content{box-sizing:border-box;word-break:break-all;z-index:calc(var(--dialog-z-index) + var(--layer-index,0));background:var(--seed-box-background,var(--seed-color-bg-layer-floating));max-width:272px;margin:auto var(--seed-dimension-x8);border-radius:var(--seed-radius-r5);flex-direction:column;flex:1;display:flex;position:relative}.seed-dialog__content:is([data-state=open],[data-open]){animation:seed-enter;animation-timing-function:var(--seed-timing-function-enter-expressive);animation-duration:var(--seed-duration-d4);--seed-enter-translate-x:0;--seed-enter-translate-y:0;--seed-enter-opacity:0;--seed-enter-scale:1.3}.seed-dialog__content:not(:is([data-state=open],[data-open])){animation:seed-exit;animation-timing-function:var(--seed-timing-function-exit);animation-duration:var(--seed-duration-d2);--seed-exit-translate-x:0;--seed-exit-translate-y:0;--seed-exit-opacity:0;--seed-exit-scale:1;animation-fill-mode:forwards}.seed-dialog__header{padding-inline:var(--seed-dimension-x5);padding-top:var(--seed-dimension-x5);gap:var(--seed-dimension-x1_5);flex-direction:column;display:flex}.seed-dialog__title{color:var(--seed-box-color,var(--seed-color-fg-neutral));font-size:var(--seed-font-size-t7);line-height:var(--seed-line-height-t7);font-weight:var(--seed-font-weight-bold);margin:0}.seed-dialog__description{color:var(--seed-box-color,var(--seed-color-fg-neutral));font-size:var(--seed-font-size-t5);line-height:var(--seed-line-height-t5);font-weight:var(--seed-font-weight-regular);white-space:pre-wrap;margin:0}.seed-dialog__footer{padding-inline:var(--seed-dimension-x5);padding-top:var(--seed-dimension-x4);padding-bottom:var(--seed-dimension-x5);flex-direction:column;align-items:stretch;display:flex}.seed-checkbox__root{vertical-align:top;isolation:isolate;cursor:pointer;align-items:flex-start;gap:var(--seed-dimension-x2);max-inline-size:100%;display:inline-flex;position:relative}.seed-checkbox__root:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed}.seed-checkbox__control{box-sizing:border-box;flex-shrink:0;position:relative}.seed-checkbox__icon{content:"";text-align:center;overflow:initial;margin:auto;display:none;position:absolute;inset:0}.seed-checkbox__label{color:var(--seed-box-color,var(--seed-color-fg-neutral))}.seed-checkbox__label--weight_default{font-weight:var(--seed-font-weight-regular)}.seed-checkbox__label--weight_stronger{font-weight:var(--seed-font-weight-bold)}.seed-checkbox__control--variant_square{border-style:solid;border-width:1px;border-color:var(--seed-box-border-color,var(--seed-color-stroke-control))}.seed-checkbox__control--variant_square:is(:checked,:indeterminate,[data-checked],[data-indeterminate]){background:var(--seed-box-background,var(--seed-color-bg-brand-solid));border-width:0}.seed-checkbox__control--variant_square:is(:active,[data-active]){background:var(--seed-box-background,var(--seed-color-bg-layer-default-pressed))}.seed-checkbox__control--variant_square:is(:active,[data-active]):is(:checked,:indeterminate,[data-checked],[data-indeterminate]){background:var(--seed-box-background,var(--seed-color-bg-brand-solid-pressed))}.seed-checkbox__control--variant_square:is(:disabled,[disabled],[data-disabled]){background:var(--seed-box-background,var(--seed-color-bg-disabled));border-color:var(--seed-box-border-color,var(--seed-color-stroke-neutral))}.seed-checkbox__control--variant_square:is(:disabled,[disabled],[data-disabled]):is(:active,[data-active]){background:var(--seed-box-background,var(--seed-color-bg-disabled))}.seed-checkbox__icon--variant_square:is(:checked,:indeterminate,[data-checked],[data-indeterminate]){color:var(--seed-box-color,var(--seed-color-palette-static-white));display:block}.seed-checkbox__icon--variant_square:is(:disabled,[disabled],[data-disabled]):is(:checked,:indeterminate,[data-checked],[data-indeterminate]){color:var(--seed-box-color,var(--seed-color-fg-disabled));display:block}.seed-checkbox__label--variant_square:is(:disabled,[disabled],[data-disabled]){color:var(--seed-box-color,var(--seed-color-fg-disabled))}.seed-checkbox__control--variant_ghost,.seed-checkbox__control--variant_ghost:is(:checked,:indeterminate,[data-checked],[data-indeterminate]){background:var(--seed-box-background,none)}.seed-checkbox__control--variant_ghost:is(:active,[data-active]){background:var(--seed-box-background,var(--seed-color-bg-layer-default-pressed))}.seed-checkbox__control--variant_ghost:is(:active,[data-active]):is(:checked,:indeterminate,[data-checked],[data-indeterminate]){background:var(--seed-box-background,var(--seed-color-palette-carrot-200))}.seed-checkbox__control--variant_ghost:is(:disabled,[disabled],[data-disabled]):is(:checked,:indeterminate,[data-checked],[data-indeterminate]),.seed-checkbox__control--variant_ghost:is(:disabled,[disabled],[data-disabled]):is(:active,[data-active]){background:var(--seed-box-background,none)}.seed-checkbox__icon--variant_ghost{color:var(--seed-box-color,var(--seed-color-fg-placeholder));display:block}.seed-checkbox__icon--variant_ghost:is(:checked,:indeterminate,[data-checked],[data-indeterminate]){color:var(--seed-box-color,var(--seed-color-fg-brand))}.seed-checkbox__icon--variant_ghost:is(:disabled,[disabled],[data-disabled]):is(:checked,:indeterminate,[data-checked],[data-indeterminate]),.seed-checkbox__icon--variant_ghost:is(:disabled,[disabled],[data-disabled]),.seed-checkbox__label--variant_ghost:is(:disabled,[disabled],[data-disabled]){color:var(--seed-box-color,var(--seed-color-fg-disabled))}.seed-checkbox__root--size_large{min-height:var(--seed-dimension-x9)}.seed-checkbox__control--size_large{border-radius:var(--seed-radius-r1);width:var(--seed-dimension-x6);height:var(--seed-dimension-x6);margin:calc((var(--seed-dimension-x9) - var(--seed-dimension-x6))/2)0}.seed-checkbox__label--size_large{font-size:var(--seed-font-size-t5);line-height:var(--seed-line-height-t5);margin-block-start:calc(18px - .65625rem)}.seed-checkbox__root--size_medium{min-height:var(--seed-dimension-x8)}.seed-checkbox__control--size_medium{border-radius:var(--seed-radius-r1);width:var(--seed-dimension-x5);height:var(--seed-dimension-x5);margin:calc((var(--seed-dimension-x8) - var(--seed-dimension-x5))/2)0}.seed-checkbox__label--size_medium{font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4);margin-block-start:calc(16px - .59375rem)}.seed-checkbox__icon--size_medium-variant_ghost{width:14px;height:14px}.seed-checkbox__icon--size_large-variant_ghost{width:18px;height:18px}.seed-checkbox__icon--size_medium-variant_square{width:12px;height:12px}.seed-checkbox__icon--size_large-variant_square{width:14px;height:14px}.seed-action-chip{box-sizing:border-box;cursor:pointer;text-transform:none;text-align:start;white-space:nowrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:inherit;line-height:1;font-weight:var(--seed-font-weight-medium);border-radius:var(--seed-radius-full);background:var(--seed-box-background,var(--seed-color-bg-neutral-weak));color:var(--seed-box-color,var(--seed-color-fg-neutral));--seed-prefix-icon-color:var(--seed-color-fg-neutral);--seed-suffix-icon-color:var(--seed-color-fg-neutral-subtle);--seed-icon-color:var(--seed-color-fg-neutral);--seed-count-font-weight:var(--seed-font-weight-medium);--seed-count-color:var(--seed-color-fg-neutral-muted);border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.seed-action-chip:is(:active,[data-active]){background:var(--seed-box-background,var(--seed-color-bg-neutral-weak-pressed))}.seed-action-chip:is(:focus,[data-focus]){outline:none}.seed-action-chip:is(:disabled,[disabled],[data-disabled]){background:var(--seed-box-background,var(--seed-color-bg-disabled));color:var(--seed-box-color,var(--seed-color-fg-disabled));cursor:not-allowed;--seed-prefix-icon-color:var(--seed-color-fg-disabled);--seed-suffix-icon-color:var(--seed-color-fg-disabled);--seed-icon-color:var(--seed-color-fg-disabled)}.seed-action-chip--size_medium{min-height:var(--seed-dimension-x9);padding-block:var(--seed-dimension-x2);gap:var(--seed-dimension-x1);font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4);--seed-count-font-size:var(--seed-font-size-t4);--seed-prefix-icon-size:var(--seed-dimension-x4);--seed-suffix-icon-size:var(--seed-dimension-x3_5);--seed-icon-size:var(--seed-dimension-x4)}.seed-action-chip--size_small{min-height:var(--seed-dimension-x8);padding-block:var(--seed-dimension-x1_5);gap:var(--seed-dimension-x1);font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4);--seed-count-font-size:var(--seed-font-size-t4);--seed-prefix-icon-size:var(--seed-dimension-x4);--seed-suffix-icon-size:var(--seed-dimension-x3_5);--seed-icon-size:var(--seed-dimension-x4)}.seed-action-chip--size_medium-layout_withText{padding-inline:var(--seed-dimension-x3_5)}.seed-action-chip--size_medium-layout_iconOnly{min-width:var(--seed-dimension-x9)}.seed-action-chip--size_small-layout_withText{padding-inline:var(--seed-dimension-x3)}.seed-action-chip--size_small-layout_iconOnly{min-width:var(--seed-dimension-x8)}.seed-chip__root{box-sizing:border-box;cursor:pointer;text-transform:none;text-align:start;white-space:nowrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:var(--seed-radius-full);transition-duration:var(--seed-duration-d4);transition-timing-function:var(--seed-timing-function-easing);border:none;flex-shrink:0;justify-content:center;align-items:center;line-height:1;transition-property:background-color,color,border-color,box-shadow;display:inline-flex}.seed-chip__root:is(:focus,[data-focus]){outline:none}.seed-chip__root:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed}.seed-chip__root{--seed-icon-color:inherit}.seed-chip__label{font-weight:var(--seed-font-weight-medium);padding-inline:var(--seed-dimension-x1_5);color:var(--seed-box-color,inherit);justify-content:center;align-items:center;display:inline-flex}.seed-chip__prefixIcon{padding-left:var(--seed-dimension-x1_5);--seed-icon-color:inherit;flex-shrink:0;align-items:center;display:inline-flex}.seed-chip__prefixAvatar{flex-shrink:0;align-items:center;display:inline-flex}.seed-chip__suffixIcon{padding-right:var(--seed-dimension-x1_5);--seed-icon-color:inherit;flex-shrink:0;align-items:center;display:inline-flex}.seed-chip__root--variant_solid{background:var(--seed-box-background,var(--seed-color-bg-neutral-weak));color:var(--seed-box-color,var(--seed-color-fg-neutral))}.seed-chip__root--variant_solid:is(:checked,[data-checked]){box-shadow:none;background:var(--seed-box-background,var(--seed-color-bg-neutral-inverted));color:var(--seed-box-color,var(--seed-color-fg-neutral-inverted));--seed-icon-color:var(--seed-color-fg-neutral-inverted)}.seed-chip__root--variant_solid:is(:active,[data-active]):not(:is(:disabled,[disabled],[data-disabled])){background:var(--seed-box-background,var(--seed-color-bg-neutral-weak-pressed));color:var(--seed-box-color,var(--seed-color-fg-neutral));--seed-icon-color:var(--seed-color-fg-neutral)}.seed-chip__root--variant_solid:is(:checked,[data-checked]):is(:active,[data-active]):not(:is(:disabled,[disabled],[data-disabled])){background:var(--seed-box-background,var(--seed-color-bg-neutral-inverted-pressed));color:var(--seed-box-color,var(--seed-color-fg-neutral-inverted));--seed-icon-color:var(--seed-color-fg-neutral-inverted)}.seed-chip__root--variant_solid:is(:disabled,[disabled],[data-disabled]){opacity:.5}.seed-chip__root--variant_solid{--seed-icon-color:var(--seed-color-fg-neutral)}.seed-chip__root--variant_outlineStrong{background:var(--seed-box-background,var(--seed-color-bg-layer-default));box-shadow:inset 0 0 0 1px var(--seed-color-stroke-neutral);color:var(--seed-box-color,var(--seed-color-fg-neutral))}.seed-chip__root--variant_outlineStrong:is(:active,[data-active]):not(:is(:disabled,[disabled],[data-disabled])){background:var(--seed-box-background,var(--seed-color-bg-layer-default-pressed));color:var(--seed-box-color,var(--seed-color-fg-neutral));--seed-icon-color:var(--seed-color-fg-neutral)}.seed-chip__root--variant_outlineStrong:is(:checked,[data-checked]){background:var(--seed-box-background,var(--seed-color-bg-neutral-inverted));color:var(--seed-box-color,var(--seed-color-fg-neutral-inverted));--seed-icon-color:var(--seed-color-fg-neutral-inverted)}.seed-chip__root--variant_outlineStrong:is(:checked,[data-checked]):is(:active,[data-active]):not(:is(:disabled,[disabled],[data-disabled])){background:var(--seed-box-background,var(--seed-color-bg-neutral-inverted-pressed));color:var(--seed-box-color,var(--seed-color-fg-neutral-inverted));--seed-icon-color:var(--seed-color-fg-neutral-inverted)}.seed-chip__root--variant_outlineStrong:is(:disabled,[disabled],[data-disabled]){opacity:.5}.seed-chip__root--variant_outlineStrong{--seed-icon-color:var(--seed-color-fg-neutral)}.seed-chip__root--variant_outlineWeak{background:var(--seed-box-background,var(--seed-color-bg-layer-default));box-shadow:inset 0 0 0 1px var(--seed-color-stroke-neutral);color:var(--seed-box-color,var(--seed-color-fg-neutral))}.seed-chip__root--variant_outlineWeak:is(:active,[data-active]):not(:is(:disabled,[disabled],[data-disabled])){background:var(--seed-box-background,var(--seed-color-bg-layer-default-pressed));box-shadow:inset 0 0 0 1px var(--seed-color-stroke-neutral);color:var(--seed-box-color,var(--seed-color-fg-neutral));--seed-icon-color:var(--seed-color-fg-neutral)}.seed-chip__root--variant_outlineWeak:is(:checked,[data-checked]){background:var(--seed-box-background,var(--seed-color-bg-neutral-weak));box-shadow:inset 0 0 0 1px var(--seed-color-stroke-field-focused);color:var(--seed-box-color,var(--seed-color-fg-neutral));--seed-icon-color:var(--seed-color-fg-neutral)}.seed-chip__root--variant_outlineWeak:is(:checked,[data-checked]):is(:active,[data-active]):not(:is(:disabled,[disabled],[data-disabled])){background:var(--seed-box-background,var(--seed-color-bg-neutral-weak-pressed));box-shadow:inset 0 0 0 1px var(--seed-color-stroke-field-focused);color:var(--seed-box-color,var(--seed-color-fg-neutral));--seed-icon-color:var(--seed-color-fg-neutral)}.seed-chip__root--variant_outlineWeak:is(:disabled,[disabled],[data-disabled]){opacity:.5}.seed-chip__root--variant_outlineWeak{--seed-icon-color:var(--seed-color-fg-neutral)}.seed-chip__root--size_large{height:40px;padding-inline:var(--seed-dimension-x2_5);--seed-icon-size:var(--seed-dimension-x4)}.seed-chip__label--size_large{font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4)}.seed-chip__prefixIcon--size_large,.seed-chip__suffixIcon--size_large{--seed-icon-size:var(--seed-dimension-x4)}.seed-chip__root--size_medium{height:36px;padding-inline:var(--seed-dimension-x2);--seed-icon-size:var(--seed-dimension-x4)}.seed-chip__label--size_medium{font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4)}.seed-chip__prefixIcon--size_medium{--seed-icon-size:var(--seed-dimension-x4)}.seed-chip__suffixIcon--size_medium{--seed-icon-size:var(--seed-dimension-x3_5)}.seed-chip__root--size_small{height:32px;padding-inline:var(--seed-dimension-x1_5);--seed-icon-size:var(--seed-dimension-x3_5)}.seed-chip__label--size_small{font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4)}.seed-chip__prefixIcon--size_small,.seed-chip__suffixIcon--size_small{--seed-icon-size:var(--seed-dimension-x3_5)}.seed-chip__root--size_small-layout_iconOnly{min-width:var(--seed-dimension-x8)}.seed-chip__root--size_medium-layout_iconOnly{min-width:var(--seed-dimension-x9)}.seed-chip__root--size_large-layout_iconOnly{min-width:var(--seed-dimension-x10)}.seed-control-chip{box-sizing:border-box;cursor:pointer;text-transform:none;text-align:start;white-space:nowrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:var(--seed-radius-full);box-shadow:inset 0 0 0 1px var(--seed-color-stroke-neutral);color:var(--seed-box-color,var(--seed-color-fg-neutral));line-height:1;font-weight:var(--seed-font-weight-medium);--seed-prefix-icon-color:var(--seed-color-fg-neutral);--seed-suffix-icon-color:var(--seed-color-fg-neutral-subtle);--seed-icon-color:var(--seed-color-fg-neutral);--seed-count-font-weight:var(--seed-font-weight-medium);--seed-count-color:var(--seed-color-fg-neutral-muted);border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.seed-control-chip:is(:focus,[data-focus]){outline:none}.seed-control-chip:is(:active,[data-active]){background:var(--seed-box-background,var(--seed-color-bg-layer-default-pressed))}.seed-control-chip:is(:checked,[data-checked]){box-shadow:none;background:var(--seed-box-background,var(--seed-color-bg-neutral-solid-muted));color:var(--seed-box-color,var(--seed-color-palette-static-white));font-weight:var(--seed-font-weight-bold);--seed-prefix-icon-color:var(--seed-color-palette-static-white);--seed-suffix-icon-color:var(--seed-color-palette-static-white);--seed-icon-color:var(--seed-color-palette-static-white);--seed-count-color:var(--seed-color-palette-static-white-alpha-800)}.seed-control-chip:is(:checked,[data-checked]):is(:active,[data-active]){background:var(--seed-box-background,var(--seed-color-bg-neutral-solid-muted-pressed))}.seed-control-chip:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed;background:var(--seed-box-background,var(--seed-color-bg-disabled));color:var(--seed-box-color,var(--seed-color-fg-disabled));--seed-prefix-icon-color:var(--seed-color-fg-disabled);--seed-suffix-icon-color:var(--seed-color-fg-disabled);--seed-icon-color:var(--seed-color-fg-disabled)}.seed-control-chip--size_medium{min-height:var(--seed-dimension-x9);padding-block:var(--seed-dimension-x2);gap:var(--seed-dimension-x1);font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4);--seed-prefix-icon-size:var(--seed-dimension-x4);--seed-suffix-icon-size:var(--seed-dimension-x3_5);--seed-icon-size:var(--seed-dimension-x4);--seed-count-font-size:var(--seed-font-size-t4)}.seed-control-chip--size_small{min-height:var(--seed-dimension-x8);padding-block:var(--seed-dimension-x1_5);gap:var(--seed-dimension-x1);font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4);--seed-prefix-icon-size:var(--seed-dimension-x4);--seed-suffix-icon-size:var(--seed-dimension-x3_5);--seed-icon-size:var(--seed-dimension-x4);--seed-count-font-size:var(--seed-font-size-t4)}.seed-control-chip--size_medium-layout_withText{padding-inline:var(--seed-dimension-x3_5)}.seed-control-chip--size_medium-layout_iconOnly{min-width:var(--seed-dimension-x9)}.seed-control-chip--size_small-layout_withText{padding-inline:var(--seed-dimension-x3)}.seed-control-chip--size_small-layout_iconOnly{min-width:var(--seed-dimension-x8)}.seed-callout__root{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:start;width:100%;min-height:50px;padding-inline:var(--seed-dimension-x3_5);padding-block:var(--seed-dimension-x3_5);align-items:center;gap:var(--seed-dimension-x3);border-radius:var(--seed-radius-r2_5);--seed-prefix-icon-size:var(--seed-dimension-x4);--seed-suffix-icon-size:var(--seed-dimension-x4);border:none;font-family:inherit;display:flex}.seed-callout__root:is(button){cursor:pointer}.seed-callout__content{margin-inline-end:auto;display:block}.seed-callout__title{font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4);font-weight:var(--seed-font-weight-bold);margin-inline-end:1ch}.seed-callout__description{font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4);font-weight:var(--seed-font-weight-regular)}.seed-callout__description:not(:last-child){margin-inline-end:1ch}.seed-callout__link{background-color:var(--seed-box-background,transparent);cursor:pointer;font-family:inherit;font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4);font-weight:var(--seed-font-weight-regular);text-underline-offset:2px;border:none;padding:0;text-decoration:underline;display:inline-block}.seed-callout__closeButton{background-color:var(--seed-box-background,transparent);cursor:pointer;width:var(--seed-dimension-x10);height:var(--seed-dimension-x10);margin:calc((var(--seed-dimension-x10) - var(--seed-dimension-x4))*-.5);border:none;flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.seed-callout__root--tone_neutral{background-color:var(--seed-box-background,var(--seed-color-bg-neutral-weak));--seed-prefix-icon-color:var(--seed-color-fg-neutral);--seed-suffix-icon-color:var(--seed-color-fg-neutral)}.seed-callout__root--tone_neutral:is(button):is(:active,[data-active]){background-color:var(--seed-box-background,var(--seed-color-bg-neutral-weak-pressed))}.seed-callout__title--tone_neutral,.seed-callout__description--tone_neutral,.seed-callout__link--tone_neutral{color:var(--seed-box-color,var(--seed-color-fg-neutral))}.seed-callout__root--tone_informative{background-color:var(--seed-box-background,var(--seed-color-bg-informative-weak));--seed-prefix-icon-color:var(--seed-color-fg-informative-contrast);--seed-suffix-icon-color:var(--seed-color-fg-informative-contrast)}.seed-callout__root--tone_informative:is(button):is(:active,[data-active]){background-color:var(--seed-box-background,var(--seed-color-bg-informative-weak-pressed))}.seed-callout__title--tone_informative,.seed-callout__description--tone_informative,.seed-callout__link--tone_informative{color:var(--seed-box-color,var(--seed-color-fg-informative-contrast))}.seed-callout__root--tone_warning{background-color:var(--seed-box-background,var(--seed-color-bg-warning-weak));--seed-prefix-icon-color:var(--seed-color-fg-warning-contrast);--seed-suffix-icon-color:var(--seed-color-fg-warning-contrast)}.seed-callout__root--tone_warning:is(button):is(:active,[data-active]){background-color:var(--seed-box-background,var(--seed-color-bg-warning-weak-pressed))}.seed-callout__title--tone_warning,.seed-callout__description--tone_warning,.seed-callout__link--tone_warning{color:var(--seed-box-color,var(--seed-color-fg-warning-contrast))}.seed-callout__root--tone_critical{background-color:var(--seed-box-background,var(--seed-color-bg-critical-weak));--seed-prefix-icon-color:var(--seed-color-fg-critical-contrast);--seed-suffix-icon-color:var(--seed-color-fg-critical-contrast)}.seed-callout__root--tone_critical:is(button):is(:active,[data-active]){background-color:var(--seed-box-background,var(--seed-color-bg-critical-weak-pressed))}.seed-callout__title--tone_critical,.seed-callout__description--tone_critical,.seed-callout__link--tone_critical{color:var(--seed-box-color,var(--seed-color-fg-critical-contrast))}.seed-callout__root--tone_magic{background-image:linear-gradient(88deg,var(--seed-gradient-glow-magic));--seed-prefix-icon-color:var(--seed-color-fg-neutral);--seed-suffix-icon-color:var(--seed-color-fg-neutral)}.seed-callout__root--tone_magic:is(button):is(:active,[data-active]){background-image:linear-gradient(88deg,var(--seed-gradient-glow-magic-pressed))}.seed-callout__title--tone_magic,.seed-callout__description--tone_magic,.seed-callout__link--tone_magic{color:var(--seed-box-color,var(--seed-color-fg-neutral))}.seed-manner-temp{box-sizing:border-box;justify-content:flex-start;align-items:center;gap:var(--seed-dimension-x1);font-size:var(--seed-font-size-t5);line-height:var(--seed-line-height-t5);font-weight:var(--seed-font-weight-bold);--seed-suffix-icon-size:var(--seed-dimension-x6);display:inline-flex}.seed-manner-temp--level_l1{color:var(--seed-box-color,var(--seed-color-manner-temp-l1-text))}.seed-manner-temp--level_l2{color:var(--seed-box-color,var(--seed-color-manner-temp-l2-text))}.seed-manner-temp--level_l3{color:var(--seed-box-color,var(--seed-color-manner-temp-l3-text))}.seed-manner-temp--level_l4{color:var(--seed-box-color,var(--seed-color-manner-temp-l4-text))}.seed-manner-temp--level_l5{color:var(--seed-box-color,var(--seed-color-manner-temp-l5-text))}.seed-manner-temp--level_l6{color:var(--seed-box-color,var(--seed-color-manner-temp-l6-text))}.seed-manner-temp-badge{box-sizing:border-box;text-transform:none;text-align:start;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:var(--seed-radius-full);min-height:20px;padding-inline:var(--seed-dimension-x1_5);padding-block:var(--seed-dimension-x0_5);font-size:var(--seed-font-size-t1);line-height:var(--seed-line-height-t1);font-weight:var(--seed-font-weight-bold);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.seed-manner-temp-badge--level_l1{background-color:var(--seed-box-background,var(--seed-color-manner-temp-l1-bg));color:var(--seed-box-color,var(--seed-color-manner-temp-l1-text))}.seed-manner-temp-badge--level_l2{background-color:var(--seed-box-background,var(--seed-color-manner-temp-l2-bg));color:var(--seed-box-color,var(--seed-color-manner-temp-l2-text))}.seed-manner-temp-badge--level_l3{background-color:var(--seed-box-background,var(--seed-color-manner-temp-l3-bg));color:var(--seed-box-color,var(--seed-color-manner-temp-l3-text))}.seed-manner-temp-badge--level_l4{background-color:var(--seed-box-background,var(--seed-color-manner-temp-l4-bg));color:var(--seed-box-color,var(--seed-color-manner-temp-l4-text))}.seed-manner-temp-badge--level_l5{background-color:var(--seed-box-background,var(--seed-color-manner-temp-l5-bg));color:var(--seed-box-color,var(--seed-color-manner-temp-l5-text))}.seed-manner-temp-badge--level_l6{background-color:var(--seed-box-background,var(--seed-color-manner-temp-l6-bg));color:var(--seed-box-color,var(--seed-color-manner-temp-l6-text))}.seed-segmented-control__root{box-sizing:border-box;min-width:fit-content;max-width:100%;padding:var(--seed-dimension-x1);border-radius:var(--seed-radius-full);background-color:var(--seed-box-background,var(--seed-color-bg-neutral-weak));isolation:isolate;grid-auto-columns:1fr;grid-auto-flow:column;align-items:center;display:grid;position:relative}.seed-segmented-control__indicator{z-index:-1;will-change:transform;transform:translateX(calc(var(--segment-index)*100%));inset-block:var(--seed-dimension-x1);width:calc((100% - var(--seed-dimension-x1)*2)/var(--segment-count));border-radius:var(--seed-radius-full);background-color:var(--seed-box-background,var(--seed-color-bg-layer-default));transition:transform var(--seed-duration-d4)var(--seed-timing-function-easing);position:absolute;inset-inline-start:var(--seed-dimension-x1);box-shadow:0 1px 6px #0000000d}.seed-segmented-control__item{text-align:center;cursor:pointer;user-select:none;box-sizing:border-box;overflow-wrap:break-word;min-width:86px;min-height:var(--seed-dimension-x8);padding-inline:var(--seed-dimension-x4);border-radius:var(--seed-radius-full);font-weight:var(--seed-font-weight-medium);font-size:var(--seed-font-size-t5);line-height:var(--seed-line-height-t5);color:var(--seed-box-color,var(--seed-color-fg-neutral-muted));justify-content:center;align-items:center;display:flex}.seed-segmented-control__item:is(:checked,[data-checked]){color:var(--seed-box-color,var(--seed-color-fg-neutral));font-weight:var(--seed-font-weight-bold)}.seed-segmented-control__item:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed;color:var(--seed-box-color,var(--seed-color-fg-disabled))}.seed-segmented-control__item:not(:is(:checked,[data-checked])):is(:active,[data-active]){background-color:var(--seed-box-background,var(--seed-color-bg-neutral-weak-pressed))}.seed-select-box-group{flex-direction:column;width:100%;display:flex}.seed-select-box__root{cursor:pointer;justify-content:space-between;align-items:center;gap:var(--seed-dimension-x2_5);padding-inline:var(--seed-dimension-x4);padding-block:var(--seed-dimension-x5);border-radius:var(--seed-radius-r3);box-shadow:inset 0 0 0 1px var(--seed-color-stroke-neutral);display:flex}.seed-select-box__root:is(:active,[data-active]){background-color:var(--seed-box-background,var(--seed-color-bg-layer-default-pressed))}.seed-select-box__root:is(:checked,[data-checked]){background-color:var(--seed-box-background,var(--seed-color-bg-neutral-weak));box-shadow:inset 0 0 0 1px var(--seed-color-stroke-control)}.seed-select-box__root:is(:checked,[data-checked]):is(:active,[data-active]){background-color:var(--seed-box-background,var(--seed-color-bg-neutral-weak-pressed))}.seed-select-box__content{gap:var(--seed-dimension-x0_5);flex-direction:column;display:flex}.seed-select-box__checkboxControl{box-sizing:border-box;width:var(--seed-dimension-x6);height:var(--seed-dimension-x6);background-color:var(--seed-box-background,var(--seed-color-bg-layer-default));border-style:solid;border-width:1px;border-color:var(--seed-box-border-color,var(--seed-color-stroke-control));border-radius:var(--seed-radius-r1);flex:none;justify-content:center;align-items:center;display:flex}.seed-select-box__checkboxControl:is(:active,[data-active]){background-color:var(--seed-box-background,var(--seed-color-bg-layer-default-pressed))}.seed-select-box__checkboxControl:is(:checked,[data-checked]){background-color:var(--seed-box-background,var(--seed-color-bg-brand-solid));border-width:0}.seed-select-box__checkboxControl:is(:checked,[data-checked]):is(:active,[data-active]){background-color:var(--seed-box-background,var(--seed-color-bg-brand-solid-pressed))}.seed-select-box__checkboxIcon{width:var(--seed-dimension-x3_5);height:var(--seed-dimension-x3_5);display:none}.seed-select-box__checkboxIcon:is(:checked,[data-checked]){color:var(--seed-box-color,var(--seed-color-palette-static-white));display:block}.seed-select-box__radioControl{box-sizing:border-box;width:var(--seed-dimension-x6);height:var(--seed-dimension-x6);background-color:var(--seed-box-background,var(--seed-color-bg-layer-default));border-style:solid;border-width:1px;border-color:var(--seed-box-border-color,var(--seed-color-stroke-control));border-radius:var(--seed-radius-full);flex:none;justify-content:center;align-items:center;display:flex}.seed-select-box__radioControl:is(:active,[data-active]){background-color:var(--seed-box-background,var(--seed-color-bg-layer-default-pressed))}.seed-select-box__radioControl:is(:checked,[data-checked]){background-color:var(--seed-box-background,var(--seed-color-bg-brand-solid));border-width:0}.seed-select-box__radioControl:is(:checked,[data-checked]):is(:active,[data-active]){background-color:var(--seed-box-background,var(--seed-color-bg-brand-solid-pressed))}.seed-select-box__radioIcon{width:var(--seed-dimension-x2_5);height:var(--seed-dimension-x2_5);border-radius:var(--seed-radius-full);display:none}.seed-select-box__radioIcon:is(:checked,[data-checked]){background-color:var(--seed-box-background,var(--seed-color-palette-static-white));color:var(--seed-box-color,var(--seed-color-palette-static-white));display:block}.seed-select-box__label{color:var(--seed-box-color,var(--seed-color-fg-neutral));font-weight:var(--seed-font-weight-bold);font-size:var(--seed-font-size-t5);line-height:var(--seed-line-height-t5)}.seed-select-box__description{color:var(--seed-box-color,var(--seed-color-fg-neutral-muted));font-weight:var(--seed-font-weight-regular);font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4)}.seed-switch__root{box-sizing:border-box;vertical-align:top;isolation:isolate;opacity:1;cursor:pointer;justify-content:space-between;align-items:flex-start;display:inline-flex;position:relative}.seed-switch__root:is(:disabled,[disabled],[data-disabled]){opacity:.38;cursor:not-allowed}.seed-switch__control{box-sizing:border-box;border-radius:var(--seed-radius-full);background:var(--seed-box-background,var(--seed-color-palette-gray-600));transition:background-color 50ms cubic-bezier(.35,0,.35,1) 20ms;display:block;position:relative}.seed-switch__control:is(:checked,[data-checked]){background:var(--seed-box-background,var(--seed-color-bg-brand-solid))}.seed-switch__thumb{border-radius:var(--seed-radius-full);background:var(--seed-box-background,var(--seed-color-palette-static-white));transition:transform .15s cubic-bezier(.35,0,.35,1)}.seed-switch__root--size_medium{min-height:32px}.seed-switch__control--size_medium{min-block-size:32px;min-inline-size:52px;padding:2px}.seed-switch__thumb--size_medium{width:28px;height:28px;box-shadow:0 3px 8px #00000026,0 1px 3px #0000000f}.seed-switch__thumb--size_medium:is(:checked,[data-checked]){transform:translate(20px)}.seed-switch__root--size_small{gap:var(--seed-dimension-x2);min-height:24px}.seed-switch__control--size_small{min-block-size:16px;min-inline-size:26px;margin:4px 0;padding:2px}.seed-switch__thumb--size_small{width:12px;height:12px}.seed-switch__thumb--size_small:is(:checked,[data-checked]){transform:translate(10px)}.seed-switch__label--size_small{font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4);font-weight:var(--seed-font-weight-regular);margin-top:calc(12px - .59375rem)}.seed-help-bubble__content{background:var(--seed-box-background,var(--seed-color-bg-neutral-solid));padding-inline:var(--seed-dimension-x3);padding-block:var(--seed-dimension-x2_5);border-radius:var(--seed-radius-r3);word-break:keep-all;--seed-box-max-width:initial;max-width:var(--seed-box-max-width);flex-direction:column;display:flex;box-shadow:0 8px 24px #00000029}.seed-help-bubble__content:is([data-state=open],[data-open]){animation:seed-enter;animation-timing-function:var(--seed-timing-function-enter);animation-duration:var(--seed-duration-d4);--seed-enter-translate-x:0;--seed-enter-translate-y:0;--seed-enter-opacity:0;--seed-enter-scale:.9}.seed-help-bubble__content:not(:is([data-state=open],[data-open])){animation:seed-exit;animation-timing-function:var(--seed-timing-function-easing);animation-duration:var(--seed-duration-d4);--seed-exit-translate-x:0;--seed-exit-translate-y:0;--seed-exit-opacity:0;--seed-exit-scale:1;animation-fill-mode:forwards}.seed-help-bubble__content:is(:hidden,[hidden],[data-hidden]){display:none!important}.seed-help-bubble__arrow{fill:var(--seed-color-bg-neutral-solid);width:12px;height:8px;font-size:0}.seed-help-bubble__title{color:var(--seed-box-color,var(--seed-color-palette-static-white));font-size:var(--seed-font-size-t3);font-weight:var(--seed-font-weight-bold);line-height:var(--seed-line-height-t3)}.seed-help-bubble__description{color:var(--seed-box-color,var(--seed-color-palette-static-white));font-size:var(--seed-font-size-t3);font-weight:var(--seed-font-weight-regular);line-height:var(--seed-line-height-t3)}.seed-help-bubble__closeButton{color:var(--seed-box-color,var(--seed-color-palette-static-white));--seed-icon-size:14px;--seed-icon-color:var(--seed-color-palette-static-white);justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:3px;right:3px}.seed-identity-placeholder__root{box-sizing:border-box;vertical-align:top;background-color:var(--seed-box-background,var(--seed-color-palette-gray-400));justify-content:center;align-items:center;width:100%;height:100%;display:inline-flex;position:relative}.seed-identity-placeholder__image{object-fit:cover;fill:#f7f8fa;width:100%;height:100%;display:block;overflow:hidden}.seed-inline-banner__root{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;min-height:var(--seed-dimension-x10);padding-inline:var(--seed-dimension-x4);padding-block:var(--seed-dimension-x2_5);--seed-prefix-icon-size:var(--seed-dimension-x4);--seed-prefix-icon-margin-right:var(--seed-dimension-x2);--seed-prefix-icon-margin-top:calc((var(--seed-dimension-x10) - var(--seed-dimension-x4))*.5 - var(--seed-dimension-x2_5));--seed-suffix-icon-size:var(--seed-dimension-x4);--seed-suffix-icon-margin-left:var(--seed-dimension-x4);--seed-suffix-icon-margin-top:calc((var(--seed-dimension-x10) - var(--seed-dimension-x4))*.5 - var(--seed-dimension-x2_5));border:none;align-items:flex-start;font-family:inherit;display:flex}.seed-inline-banner__root:is(button){cursor:pointer}.seed-inline-banner__content{box-sizing:border-box;text-align:start;margin-inline-end:auto;display:inline-flex}.seed-inline-banner__title{font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4);font-weight:var(--seed-font-weight-bold);flex-shrink:0;margin-inline-end:1ch}.seed-inline-banner__description{font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4);font-weight:var(--seed-font-weight-medium)}.seed-inline-banner__link{background-color:var(--seed-box-background,transparent);cursor:pointer;margin-left:var(--seed-dimension-x4);font-family:inherit;font-size:var(--seed-font-size-t2);line-height:var(--seed-line-height-t2);font-weight:var(--seed-font-weight-regular);text-underline-offset:2px;border:none;flex-grow:0;flex-shrink:0;align-items:center;text-decoration:underline;display:flex}.seed-inline-banner__closeButton{width:var(--seed-dimension-x10);height:var(--seed-dimension-x10);margin:calc((var(--seed-dimension-x10) - var(--seed-dimension-x4))*-.5);margin-top:calc((var(--seed-dimension-x10) - var(--seed-dimension-x4))*-.5 + (var(--seed-dimension-x10) - var(--seed-dimension-x4))*.5 - var(--seed-dimension-x2_5));margin-left:calc((var(--seed-dimension-x10) - var(--seed-dimension-x4))*-.5 + var(--seed-dimension-x4));--seed-suffix-icon-margin-top:initial;--seed-suffix-icon-margin-left:initial;background-color:var(--seed-box-background,transparent);cursor:pointer;border:none;flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.seed-inline-banner__root--variant_neutralWeak{background-color:var(--seed-box-background,var(--seed-color-bg-neutral-weak));color:var(--seed-box-color,var(--seed-color-fg-neutral));--seed-prefix-icon-color:var(--seed-color-fg-neutral);--seed-suffix-icon-color:var(--seed-color-fg-neutral)}.seed-inline-banner__title--variant_neutralWeak,.seed-inline-banner__description--variant_neutralWeak,.seed-inline-banner__link--variant_neutralWeak{color:var(--seed-box-color,var(--seed-color-fg-neutral))}.seed-inline-banner__root--variant_positiveWeak{background-color:var(--seed-box-background,var(--seed-color-bg-positive-weak));color:var(--seed-box-color,var(--seed-color-fg-positive-contrast));--seed-prefix-icon-color:var(--seed-color-fg-positive-contrast);--seed-suffix-icon-color:var(--seed-color-fg-positive-contrast)}.seed-inline-banner__title--variant_positiveWeak,.seed-inline-banner__description--variant_positiveWeak,.seed-inline-banner__link--variant_positiveWeak{color:var(--seed-box-color,var(--seed-color-fg-positive-contrast))}.seed-inline-banner__root--variant_informativeWeak{background-color:var(--seed-box-background,var(--seed-color-bg-informative-weak));color:var(--seed-box-color,var(--seed-color-fg-informative-contrast));--seed-prefix-icon-color:var(--seed-color-fg-informative-contrast);--seed-suffix-icon-color:var(--seed-color-fg-informative-contrast)}.seed-inline-banner__title--variant_informativeWeak,.seed-inline-banner__description--variant_informativeWeak,.seed-inline-banner__link--variant_informativeWeak{color:var(--seed-box-color,var(--seed-color-fg-informative-contrast))}.seed-inline-banner__root--variant_warningWeak{background-color:var(--seed-box-background,var(--seed-color-bg-warning-weak));color:var(--seed-box-color,var(--seed-color-fg-warning-contrast));--seed-prefix-icon-color:var(--seed-color-fg-warning-contrast);--seed-suffix-icon-color:var(--seed-color-fg-warning-contrast)}.seed-inline-banner__title--variant_warningWeak,.seed-inline-banner__description--variant_warningWeak,.seed-inline-banner__link--variant_warningWeak{color:var(--seed-box-color,var(--seed-color-fg-warning-contrast))}.seed-inline-banner__root--variant_warningSolid{background-color:var(--seed-box-background,var(--seed-color-bg-warning-solid));color:var(--seed-box-color,var(--seed-color-fg-neutral));--seed-prefix-icon-color:var(--seed-color-fg-neutral);--seed-suffix-icon-color:var(--seed-color-fg-neutral)}.seed-inline-banner__title--variant_warningSolid,.seed-inline-banner__description--variant_warningSolid,.seed-inline-banner__link--variant_warningSolid{color:var(--seed-box-color,var(--seed-color-fg-neutral))}.seed-inline-banner__root--variant_criticalWeak{background-color:var(--seed-box-background,var(--seed-color-bg-critical-weak));color:var(--seed-box-color,var(--seed-color-fg-critical-contrast));--seed-prefix-icon-color:var(--seed-color-fg-critical-contrast);--seed-suffix-icon-color:var(--seed-color-fg-critical-contrast)}.seed-inline-banner__title--variant_criticalWeak,.seed-inline-banner__description--variant_criticalWeak,.seed-inline-banner__link--variant_criticalWeak{color:var(--seed-box-color,var(--seed-color-fg-critical-contrast))}.seed-inline-banner__root--variant_criticalSolid{background-color:var(--seed-box-background,var(--seed-color-bg-critical-solid));color:var(--seed-box-color,var(--seed-color-palette-static-white));--seed-prefix-icon-color:var(--seed-color-palette-static-white);--seed-suffix-icon-color:var(--seed-color-palette-static-white)}.seed-inline-banner__title--variant_criticalSolid,.seed-inline-banner__description--variant_criticalSolid,.seed-inline-banner__link--variant_criticalSolid{color:var(--seed-box-color,var(--seed-color-palette-static-white))}.seed-progress-circle__root{box-sizing:border-box;display:inline-flex;position:relative}.seed-progress-circle__root[data-progress-state=indeterminate]{animation:1.2s cubic-bezier(.35,.25,.65,.75) infinite rotate}.seed-progress-circle__track{stroke:var(--track-color)}.seed-progress-circle__range{stroke:var(--range-color);stroke-linecap:round;transition-property:stroke-dasharray;transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.15,1)}.seed-progress-circle__range[data-progress-state=indeterminate]{animation:1.2s cubic-bezier(.35,0,.65,1) infinite progress-circle-head,1.2s cubic-bezier(.35,0,.65,.6) infinite progress-circle-tail}.seed-progress-circle__root--tone_neutral{--track-color:var(--seed-color-palette-gray-200);--range-color:var(--seed-color-palette-gray-500)}.seed-progress-circle__root--tone_brand{--track-color:var(--seed-color-palette-carrot-200);--range-color:var(--seed-color-bg-brand-solid)}.seed-progress-circle__root--tone_staticWhite{--track-color:var(--seed-color-palette-static-white-alpha-300);--range-color:var(--seed-color-palette-static-white)}.seed-progress-circle__root--size_24{--size:var(--seed-dimension-x6);--thickness:3px}.seed-progress-circle__root--size_40{--size:var(--seed-dimension-x10);--thickness:5px}.seed-tabs__root{position:relative}.seed-tabs__list{isolation:isolate;-ms-overflow-style:none;scrollbar-width:none;flex-wrap:nowrap;align-content:stretch;align-items:stretch;display:flex;position:relative;overflow-x:auto}.seed-tabs__list::-webkit-scrollbar{display:none}.seed-tabs__list{background:var(--seed-box-background,var(--seed-color-bg-layer-default));box-shadow:inset 0 -1px var(--seed-color-stroke-neutral)}.seed-tabs__carousel{display:block;overflow:hidden}.seed-tabs__carouselCamera{display:flex}.seed-tabs__carouselCamera[data-auto-height]{align-items:flex-start}.seed-tabs__content{flex:0 0 100%;min-width:0;overflow:hidden auto;transform:translate(0,0)}.seed-tabs__content[data-ssr]:not(:is(:selected,[data-selected])),.seed-tabs__content:not([data-carousel]):not(:is(:selected,[data-selected])){display:none}.seed-tabs__indicator{will-change:left,width;transition-property:left,width;transition-duration:var(--seed-duration-d4);transition-timing-function:var(--seed-timing-function-easing);left:var(--indicator-left,0px);width:var(--indicator-width,0px);color:var(--seed-box-color,var(--seed-color-fg-neutral));border-bottom:2px solid var(--seed-color-fg-neutral);position:absolute;bottom:0}.seed-tabs__indicator[data-ssr]{display:none}.seed-tabs__trigger{cursor:pointer;box-sizing:border-box;background-color:var(--seed-box-background,transparent);white-space:nowrap;color:var(--seed-box-color,var(--seed-color-fg-neutral-subtle));border:none;justify-content:center;align-items:flex-end;display:flex;position:relative}.seed-tabs__trigger:is(:selected,[data-selected]){color:var(--seed-box-color,var(--seed-color-fg-neutral))}.seed-tabs__trigger:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed;color:var(--seed-box-color,var(--seed-color-fg-disabled))}.seed-tabs__trigger:is(:selected,[data-selected])[data-ssr]:after{content:"";background-color:var(--seed-box-background,var(--seed-color-fg-neutral));height:2px;position:absolute;bottom:0}.seed-tabs__list--triggerLayout_fill{justify-content:space-around;padding-inline:0}.seed-tabs__indicator--triggerLayout_fill{left:calc(var(--indicator-left,0px) + var(--seed-dimension-spacing-x-global-gutter));width:calc(var(--indicator-width,0px) - 2*var(--seed-dimension-spacing-x-global-gutter))}.seed-tabs__trigger--triggerLayout_fill{flex:1}.seed-tabs__trigger--triggerLayout_fill:is(:selected,[data-selected])[data-ssr]:after{left:var(--seed-dimension-spacing-x-global-gutter);right:var(--seed-dimension-spacing-x-global-gutter)}.seed-tabs__list--triggerLayout_hug{padding-inline:var(--seed-dimension-spacing-x-global-gutter);justify-content:flex-start}.seed-tabs__indicator--triggerLayout_hug{left:calc(var(--indicator-left,0px) + 0px);width:calc(var(--indicator-width,0px) - 2*0px)}.seed-tabs__trigger--triggerLayout_hug:is(:selected,[data-selected])[data-ssr]:after{left:0;right:0}.seed-tabs__root--contentLayout_fill{flex-direction:column;height:100%;display:flex}.seed-tabs__carousel--contentLayout_fill{flex:1}.seed-tabs__carouselCamera--contentLayout_fill{align-items:stretch;height:100%}.seed-tabs__root--contentLayout_hug{display:block}.seed-tabs__root--size_small{--tabs-list-height:40px}.seed-tabs__list--size_small{min-height:40px}.seed-tabs__trigger--size_small{min-height:40px;padding-inline:var(--seed-dimension-x2_5);padding-block:var(--seed-dimension-x2_5);font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4);font-weight:var(--seed-font-weight-bold)}.seed-tabs__root--size_medium{--tabs-list-height:44px}.seed-tabs__list--size_medium{min-height:44px}.seed-tabs__trigger--size_medium{min-height:44px;padding-inline:var(--seed-dimension-x2_5);padding-block:var(--seed-dimension-x2_5);font-size:var(--seed-font-size-t5);line-height:var(--seed-line-height-t5);font-weight:var(--seed-font-weight-bold)}.seed-tabs__root--stickyList_true{position:relative}.seed-tabs__list--stickyList_true{z-index:1;position:sticky;top:0}.seed-chip-tabs__root{position:relative}.seed-chip-tabs__list{isolation:isolate;-ms-overflow-style:none;scrollbar-width:none;padding:0px var(--seed-dimension-x4);flex-wrap:nowrap;align-content:stretch;align-items:stretch;display:flex;position:relative;overflow-x:auto}.seed-chip-tabs__list::-webkit-scrollbar{display:none}.seed-chip-tabs__carousel{display:block;overflow:hidden}.seed-chip-tabs__carouselCamera{display:flex}.seed-chip-tabs__carouselCamera[data-auto-height]{align-items:flex-start}.seed-chip-tabs__content{flex:0 0 100%;min-width:0;overflow:hidden auto;transform:translate(0,0)}.seed-chip-tabs__content:not([data-carousel]):not(:is(:selected,[data-selected])){display:none}.seed-chip-tabs__trigger{cursor:pointer;box-sizing:border-box;white-space:nowrap;border-radius:var(--seed-radius-full);padding:var(--seed-dimension-x2)var(--seed-dimension-x3_5);min-height:36px;font-family:inherit;font-size:var(--seed-font-size-t4);font-weight:var(--seed-font-weight-bold);border:none;justify-content:center;align-items:center;display:flex}.seed-chip-tabs__list--variant_neutralSolid{gap:0}.seed-chip-tabs__trigger--variant_neutralSolid{background-color:var(--seed-box-background,transparent);color:var(--seed-box-color,var(--seed-color-fg-neutral));font-weight:var(--seed-font-weight-bold)}.seed-chip-tabs__trigger--variant_neutralSolid:is(:selected,[data-selected]){background-color:var(--seed-box-background,var(--seed-color-bg-neutral-inverted));color:var(--seed-box-color,var(--seed-color-fg-neutral-inverted))}.seed-chip-tabs__trigger--variant_neutralSolid:is(:active,[data-active]){background-color:var(--seed-box-background,var(--seed-color-bg-layer-default-pressed))}.seed-chip-tabs__trigger--variant_neutralSolid:is(:selected,[data-selected]):is(:active,[data-active]){background-color:var(--seed-box-background,var(--seed-color-bg-neutral-inverted-pressed))}.seed-chip-tabs__trigger--variant_neutralSolid:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed;color:var(--seed-box-color,var(--seed-color-fg-disabled))}.seed-chip-tabs__trigger--variant_neutralSolid:is(:disabled,[disabled],[data-disabled]):is(:selected,[data-selected]){background-color:var(--seed-box-background,var(--seed-color-bg-disabled));color:var(--seed-box-color,var(--seed-color-fg-disabled))}.seed-chip-tabs__list--variant_brandSolid{gap:8px}.seed-chip-tabs__trigger--variant_brandSolid{background-color:var(--seed-box-background,var(--seed-color-bg-neutral-weak));color:var(--seed-box-color,var(--seed-color-fg-neutral-muted));font-weight:var(--seed-font-weight-medium)}.seed-chip-tabs__trigger--variant_brandSolid:is(:selected,[data-selected]){background-color:var(--seed-box-background,var(--seed-color-bg-brand-solid));color:var(--seed-box-color,var(--seed-color-palette-static-white));font-weight:var(--seed-font-weight-bold)}.seed-chip-tabs__trigger--variant_brandSolid:is(:active,[data-active]){background-color:var(--seed-box-background,var(--seed-color-bg-neutral-weak-pressed))}.seed-chip-tabs__trigger--variant_brandSolid:is(:selected,[data-selected]):is(:active,[data-active]){background-color:var(--seed-box-background,var(--seed-color-bg-brand-solid-pressed))}.seed-chip-tabs__trigger--variant_brandSolid:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed;background-color:var(--seed-box-background,var(--seed-color-bg-disabled));color:var(--seed-box-color,var(--seed-color-fg-disabled))}.seed-chip-tabs__trigger--variant_brandSolid:is(:disabled,[disabled],[data-disabled]):is(:selected,[data-selected]){background-color:var(--seed-box-background,var(--seed-color-bg-disabled))}.seed-chip-tabs__root--contentLayout_fill{flex-direction:column;height:100%;display:flex}.seed-chip-tabs__carousel--contentLayout_fill{flex:1}.seed-chip-tabs__carouselCamera--contentLayout_fill{align-items:stretch;height:100%}.seed-chip-tabs__root--contentLayout_hug{display:block}.seed-chip-tabs__root--stickyList_true{position:relative}.seed-chip-tabs__list--stickyList_true{z-index:1;position:sticky;top:0}.seed-skeleton{box-sizing:border-box;--seed-box-width:initial;--seed-box-height:initial;width:var(--seed-box-width);height:var(--seed-box-height);display:inline-block;overflow:hidden}.seed-skeleton:after{content:"";width:100%;height:100%;animation-name:slide-x;animation-duration:1.5s;animation-fill-mode:forwards;animation-timing-function:var(--seed-timing-function-easing);background-repeat:no-repeat;animation-iteration-count:infinite;display:block}.seed-skeleton--radius_0{border-radius:0}.seed-skeleton--radius_8{border-radius:8px}.seed-skeleton--radius_16{border-radius:16px}.seed-skeleton--radius_full{border-radius:var(--seed-radius-full)}.seed-skeleton--tone_neutral{background:var(--seed-box-background,var(--seed-color-palette-gray-200))}.seed-skeleton--tone_neutral:after{background-image:linear-gradient(90deg,var(--seed-gradient-shimmer-neutral))}.seed-skeleton--tone_magic{background:var(--seed-box-background,var(--seed-color-bg-magic-weak))}.seed-skeleton--tone_magic:after{background-image:linear-gradient(90deg,var(--seed-gradient-shimmer-magic))}.seed-snackbar__root{box-sizing:border-box;background:var(--seed-box-background,var(--seed-color-bg-neutral-solid));border-radius:var(--seed-radius-r2);width:100%;padding-inline:var(--seed-dimension-x4);padding-block:var(--seed-dimension-x2_5);justify-content:space-between;align-items:center;gap:var(--seed-dimension-x2);min-height:44px;animation:seed-enter;animation-timing-function:var(--seed-timing-function-enter);animation-duration:var(--seed-duration-d3);--seed-enter-translate-x:0;--seed-enter-translate-y:0;--seed-enter-opacity:0;--seed-enter-scale:.8;display:flex}.seed-snackbar__root:not([data-open]){animation:seed-exit;animation-timing-function:var(--seed-timing-function-exit);animation-duration:var(--seed-duration-d2);--seed-exit-translate-x:0;--seed-exit-translate-y:0;--seed-exit-opacity:0;--seed-exit-scale:.8;animation-fill-mode:forwards}.seed-snackbar__message{color:var(--seed-box-color,var(--seed-color-palette-static-white));font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4);font-weight:var(--seed-font-weight-regular);flex-grow:1;margin:0}.seed-snackbar__prefixIcon{flex-shrink:0;width:24px;height:24px}.seed-snackbar__actionButton{box-sizing:border-box;cursor:pointer;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--seed-box-background,unset);color:var(--seed-box-color,var(--seed-color-fg-brand));font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4);font-weight:var(--seed-font-weight-bold);border:none;outline:none;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex;position:relative}.seed-snackbar__actionButton:after{content:"";top:50%;left:calc(-1*var(--seed-dimension-x2));right:calc(-1*var(--seed-dimension-x2));background:var(--seed-box-background,transparent);min-height:44px;position:absolute;transform:translateY(-50%)}.seed-snackbar__prefixIcon--variant_default{display:none}.seed-snackbar__prefixIcon--variant_positive{color:var(--seed-box-color,var(--seed-color-fg-positive))}.seed-snackbar__prefixIcon--variant_critical{color:var(--seed-box-color,var(--seed-color-fg-critical))}.seed-snackbar-region{z-index:2147483647;left:calc(env(safe-area-inset-left,0px));right:calc(env(safe-area-inset-right,0px));bottom:calc(env(safe-area-inset-bottom,0px) + var(--snackbar-region-offset,0px));padding-inline:var(--seed-dimension-x2);padding-block:var(--seed-dimension-x2);transition-property:bottom;transition-duration:var(--seed-duration-d4);transition-timing-function:var(--seed-timing-function-easing);flex-direction:column;align-items:center;display:flex}.seed-text{text-align:var(--seed-text-align);color:var(--seed-box-color,var(--seed-text-color));font-size:var(--seed-font-size);line-height:var(--seed-line-height);font-weight:var(--seed-font-weight);--seed-text-color:inherit;--seed-font-size:inherit;--seed-line-height:inherit;--seed-font-weight:inherit;--seed-text-align:inherit;--seed-max-lines:initial;margin:0}.seed-text--textStyle_screenTitle{--seed-font-size:var(--seed-font-size-t10);--seed-line-height:var(--seed-line-height-t10);--seed-font-weight:var(--seed-font-weight-bold)}.seed-text--textStyle_articleBody{--seed-font-size:var(--seed-font-size-t5);--seed-line-height:var(--seed-line-height-t6);--seed-font-weight:var(--seed-font-weight-regular)}.seed-text--textStyle_t1Regular{--seed-font-size:var(--seed-font-size-t1);--seed-line-height:var(--seed-line-height-t1);--seed-font-weight:var(--seed-font-weight-regular)}.seed-text--textStyle_t1Medium{--seed-font-size:var(--seed-font-size-t1);--seed-line-height:var(--seed-line-height-t1);--seed-font-weight:var(--seed-font-weight-medium)}.seed-text--textStyle_t1Bold{--seed-font-size:var(--seed-font-size-t1);--seed-line-height:var(--seed-line-height-t1);--seed-font-weight:var(--seed-font-weight-bold)}.seed-text--textStyle_t2Regular{--seed-font-size:var(--seed-font-size-t2);--seed-line-height:var(--seed-line-height-t2);--seed-font-weight:var(--seed-font-weight-regular)}.seed-text--textStyle_t2Medium{--seed-font-size:var(--seed-font-size-t2);--seed-line-height:var(--seed-line-height-t2);--seed-font-weight:var(--seed-font-weight-medium)}.seed-text--textStyle_t2Bold{--seed-font-size:var(--seed-font-size-t2);--seed-line-height:var(--seed-line-height-t2);--seed-font-weight:var(--seed-font-weight-bold)}.seed-text--textStyle_t3Regular{--seed-font-size:var(--seed-font-size-t3);--seed-line-height:var(--seed-line-height-t3);--seed-font-weight:var(--seed-font-weight-regular)}.seed-text--textStyle_t3Medium{--seed-font-size:var(--seed-font-size-t3);--seed-line-height:var(--seed-line-height-t3);--seed-font-weight:var(--seed-font-weight-medium)}.seed-text--textStyle_t3Bold{--seed-font-size:var(--seed-font-size-t3);--seed-line-height:var(--seed-line-height-t3);--seed-font-weight:var(--seed-font-weight-bold)}.seed-text--textStyle_t4Regular{--seed-font-size:var(--seed-font-size-t4);--seed-line-height:var(--seed-line-height-t4);--seed-font-weight:var(--seed-font-weight-regular)}.seed-text--textStyle_t4Medium{--seed-font-size:var(--seed-font-size-t4);--seed-line-height:var(--seed-line-height-t4);--seed-font-weight:var(--seed-font-weight-medium)}.seed-text--textStyle_t4Bold{--seed-font-size:var(--seed-font-size-t4);--seed-line-height:var(--seed-line-height-t4);--seed-font-weight:var(--seed-font-weight-bold)}.seed-text--textStyle_t5Regular{--seed-font-size:var(--seed-font-size-t5);--seed-line-height:var(--seed-line-height-t5);--seed-font-weight:var(--seed-font-weight-regular)}.seed-text--textStyle_t5Medium{--seed-font-size:var(--seed-font-size-t5);--seed-line-height:var(--seed-line-height-t5);--seed-font-weight:var(--seed-font-weight-medium)}.seed-text--textStyle_t5Bold{--seed-font-size:var(--seed-font-size-t5);--seed-line-height:var(--seed-line-height-t5);--seed-font-weight:var(--seed-font-weight-bold)}.seed-text--textStyle_t6Regular{--seed-font-size:var(--seed-font-size-t6);--seed-line-height:var(--seed-line-height-t6);--seed-font-weight:var(--seed-font-weight-regular)}.seed-text--textStyle_t6Medium{--seed-font-size:var(--seed-font-size-t6);--seed-line-height:var(--seed-line-height-t6);--seed-font-weight:var(--seed-font-weight-medium)}.seed-text--textStyle_t6Bold{--seed-font-size:var(--seed-font-size-t6);--seed-line-height:var(--seed-line-height-t6);--seed-font-weight:var(--seed-font-weight-bold)}.seed-text--textStyle_t7Regular{--seed-font-size:var(--seed-font-size-t7);--seed-line-height:var(--seed-line-height-t7);--seed-font-weight:var(--seed-font-weight-regular)}.seed-text--textStyle_t7Medium{--seed-font-size:var(--seed-font-size-t7);--seed-line-height:var(--seed-line-height-t7);--seed-font-weight:var(--seed-font-weight-medium)}.seed-text--textStyle_t7Bold{--seed-font-size:var(--seed-font-size-t7);--seed-line-height:var(--seed-line-height-t7);--seed-font-weight:var(--seed-font-weight-bold)}.seed-text--textStyle_t8Bold{--seed-font-size:var(--seed-font-size-t8);--seed-line-height:var(--seed-line-height-t8);--seed-font-weight:var(--seed-font-weight-bold)}.seed-text--textStyle_t9Bold{--seed-font-size:var(--seed-font-size-t9);--seed-line-height:var(--seed-line-height-t9);--seed-font-weight:var(--seed-font-weight-bold)}.seed-text--textStyle_t10Bold{--seed-font-size:var(--seed-font-size-t10);--seed-line-height:var(--seed-line-height-t10);--seed-font-weight:var(--seed-font-weight-bold)}.seed-text--maxLines_none{overflow:unset;min-width:unset;text-overflow:unset;white-space:unset;-webkit-line-clamp:unset}.seed-text--maxLines_single{text-overflow:ellipsis;white-space:nowrap;-webkit-line-clamp:var(--seed-max-lines);min-width:0;display:block;overflow:hidden}.seed-text--maxLines_multi{text-overflow:ellipsis;min-width:0;white-space:initial;-webkit-line-clamp:var(--seed-max-lines);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.seed-text--textDecorationLine_none{text-decoration-line:none}.seed-text--textDecorationLine_line-through{text-decoration-line:line-through}.seed-link-content{cursor:pointer;background-color:var(--seed-box-background,transparent);box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:var(--seed-box-color,var(--seed-box-color));--seed-suffix-icon-color:var(--seed-box-color);border:none;outline:none;align-items:center;padding-block:0;padding-inline:0;font-family:inherit;display:inline-flex}.seed-link-content--weight_bold{font-weight:var(--seed-font-weight-bold)}.seed-link-content--weight_regular{font-weight:var(--seed-font-weight-regular)}.seed-link-content--size_t6{font-size:var(--seed-font-size-t6);line-height:var(--seed-line-height-t6);gap:var(--seed-dimension-x0_5);--seed-suffix-icon-size:var(--seed-dimension-x4)}.seed-link-content--size_t5{font-size:var(--seed-font-size-t5);line-height:var(--seed-line-height-t5);gap:var(--seed-dimension-x0_5);--seed-suffix-icon-size:var(--seed-dimension-x3_5)}.seed-link-content--size_t4{font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4);gap:var(--seed-dimension-x0_5);--seed-suffix-icon-size:var(--seed-dimension-x3)}.seed-text-field__root{flex-direction:column;width:100%;display:flex}.seed-text-field__label{color:var(--seed-box-color,var(--seed-color-fg-neutral));font-weight:var(--seed-font-weight-bold)}.seed-text-field__indicator{color:var(--seed-box-color,var(--seed-color-fg-neutral));font-weight:var(--seed-font-weight-regular)}.seed-text-field__field{background-color:var(--seed-box-background,var(--seed-color-bg-layer-default));border-style:solid;border-width:1px;border-color:var(--seed-box-border-color,var(--seed-color-stroke-field));align-items:center;display:flex}.seed-text-field__field:not([data-readonly]):is(:focus,[data-focus]){border-color:var(--seed-box-border-color,var(--seed-color-stroke-field-focused))}.seed-text-field__field:is(:invalid,[data-invalid]){background-color:var(--seed-box-background,var(--seed-color-bg-critical-weak));border-color:var(--seed-box-border-color,var(--seed-color-stroke-critical))}.seed-text-field__field:is(:invalid,[data-invalid]):is(:focus,[data-focus]){background-color:var(--seed-box-background,var(--seed-color-bg-layer-default))}.seed-text-field__field:is(:disabled,[disabled],[data-disabled]),.seed-text-field__field[data-readonly]{background-color:var(--seed-box-background,var(--seed-color-bg-disabled))}.seed-text-field__prefixText{color:var(--seed-box-color,var(--seed-color-fg-neutral))}.seed-text-field__prefixText:is(:disabled,[disabled],[data-disabled]){color:var(--seed-box-color,var(--seed-color-fg-disabled))}.seed-text-field__prefixIcon{color:var(--seed-box-color,var(--seed-color-fg-neutral));flex-shrink:0}.seed-text-field__prefixIcon:is(:disabled,[disabled],[data-disabled]){color:var(--seed-box-color,var(--seed-color-fg-disabled))}.seed-text-field__suffixText{color:var(--seed-box-color,var(--seed-color-fg-neutral))}.seed-text-field__suffixText:is(:disabled,[disabled],[data-disabled]){color:var(--seed-box-color,var(--seed-color-fg-disabled))}.seed-text-field__suffixIcon{color:var(--seed-box-color,var(--seed-color-fg-neutral));flex-shrink:0}.seed-text-field__suffixIcon:is(:disabled,[disabled],[data-disabled]){color:var(--seed-box-color,var(--seed-color-fg-disabled))}.seed-text-field__value{box-sizing:border-box;font:inherit}.seed-text-field__value:is(input){padding-inline:0}.seed-text-field__value:is(textarea){width:100%;min-height:90px;padding-inline:0}.seed-text-field__value{background:var(--seed-box-background,none);resize:none;height:100%;color:var(--seed-box-color,var(--seed-color-fg-neutral));border:none;outline:none;flex-grow:1}.seed-text-field__value::placeholder{color:var(--seed-box-color,var(--seed-color-fg-placeholder))}.seed-text-field__value:is(:disabled,[disabled],[data-disabled]),.seed-text-field__value:is(:disabled,[disabled],[data-disabled])::placeholder{color:var(--seed-box-color,var(--seed-color-fg-disabled))}.seed-text-field__footer{justify-content:space-between;align-items:flex-start;display:flex}.seed-text-field__description{font-weight:var(--seed-font-weight-regular);color:var(--seed-box-color,var(--seed-color-fg-neutral-subtle))}.seed-text-field__errorMessage{color:var(--seed-box-color,var(--seed-color-fg-critical));flex-direction:row;align-items:center;display:flex}.seed-text-field__errorIcon{flex:none}.seed-text-field__characterCountArea{flex:none;margin-inline-start:auto;display:flex}.seed-text-field__characterCount{color:var(--seed-box-color,var(--seed-color-fg-neutral));font-weight:var(--seed-font-weight-regular)}.seed-text-field__characterCount[data-empty]{color:var(--seed-box-color,var(--seed-color-fg-neutral-subtle))}.seed-text-field__maxCharacterCount{color:var(--seed-box-color,var(--seed-color-fg-neutral-subtle));font-weight:var(--seed-font-weight-regular)}.seed-text-field__header--size_xlarge{padding-bottom:var(--seed-dimension-x3);gap:var(--seed-dimension-x1_5)}.seed-text-field__label--size_xlarge,.seed-text-field__indicator--size_xlarge{font-size:var(--seed-font-size-t5);line-height:var(--seed-line-height-t5)}.seed-text-field__field--size_xlarge{border-radius:var(--seed-radius-r2_5);gap:var(--seed-dimension-x2);min-height:56px;padding-inline:var(--seed-dimension-x4)}.seed-text-field__value--size_xlarge{padding-block:var(--seed-dimension-x3);font-size:var(--seed-font-size-t6);line-height:var(--seed-line-height-t6)}.seed-text-field__prefixText--size_xlarge{font-size:var(--seed-font-size-t6);line-height:var(--seed-line-height-t6)}.seed-text-field__prefixIcon--size_xlarge{width:var(--seed-dimension-x5);height:var(--seed-dimension-x5)}.seed-text-field__suffixText--size_xlarge{font-size:var(--seed-font-size-t6);line-height:var(--seed-line-height-t6)}.seed-text-field__suffixIcon--size_xlarge{width:var(--seed-dimension-x5);height:var(--seed-dimension-x5)}.seed-text-field__footer--size_xlarge{gap:var(--seed-dimension-x3_5);padding-top:var(--seed-dimension-x2);min-height:20px}.seed-text-field__description--size_xlarge,.seed-text-field__errorMessage--size_xlarge{font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4)}.seed-text-field__errorIcon--size_xlarge{width:var(--seed-dimension-x4);height:var(--seed-dimension-x4);margin-right:var(--seed-dimension-x1)}.seed-text-field__characterCount--size_xlarge,.seed-text-field__maxCharacterCount--size_xlarge{font-size:var(--seed-font-size-t2);line-height:var(--seed-line-height-t2)}.seed-text-field__header--size_large{padding-bottom:var(--seed-dimension-x3);gap:var(--seed-dimension-x1_5)}.seed-text-field__label--size_large,.seed-text-field__indicator--size_large{font-size:var(--seed-font-size-t5);line-height:var(--seed-line-height-t5)}.seed-text-field__field--size_large{border-radius:var(--seed-radius-r2_5);gap:var(--seed-dimension-x2);min-height:52px;padding-inline:var(--seed-dimension-x4)}.seed-text-field__value--size_large{padding-block:var(--seed-dimension-x3);font-size:var(--seed-font-size-t5);line-height:var(--seed-line-height-t5)}.seed-text-field__prefixText--size_large{font-size:var(--seed-font-size-t5);line-height:var(--seed-line-height-t5)}.seed-text-field__prefixIcon--size_large{width:var(--seed-dimension-x5);height:var(--seed-dimension-x5)}.seed-text-field__suffixText--size_large{font-size:var(--seed-font-size-t5);line-height:var(--seed-line-height-t5)}.seed-text-field__suffixIcon--size_large{width:var(--seed-dimension-x5);height:var(--seed-dimension-x5)}.seed-text-field__footer--size_large{gap:var(--seed-dimension-x3_5);padding-top:var(--seed-dimension-x2);min-height:20px}.seed-text-field__description--size_large,.seed-text-field__errorMessage--size_large{font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4)}.seed-text-field__errorIcon--size_large{width:var(--seed-dimension-x4);height:var(--seed-dimension-x4);margin-right:var(--seed-dimension-x1)}.seed-text-field__characterCount--size_large,.seed-text-field__maxCharacterCount--size_large{font-size:var(--seed-font-size-t2);line-height:var(--seed-line-height-t2)}.seed-text-field__header--size_medium{padding-bottom:var(--seed-dimension-x3)}.seed-text-field__label--size_medium,.seed-text-field__indicator--size_medium{font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4)}.seed-text-field__field--size_medium{border-radius:var(--seed-radius-r2);gap:var(--seed-dimension-x1_5);min-height:40px;padding-inline:var(--seed-dimension-x3_5)}.seed-text-field__value--size_medium{padding-block:var(--seed-dimension-x2_5);font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4)}.seed-text-field__prefixText--size_medium{font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4)}.seed-text-field__prefixIcon--size_medium{width:var(--seed-dimension-x4);height:var(--seed-dimension-x4)}.seed-text-field__suffixText--size_medium{font-size:var(--seed-font-size-t4);line-height:var(--seed-line-height-t4)}.seed-text-field__suffixIcon--size_medium{width:var(--seed-dimension-x4);height:var(--seed-dimension-x4)}.seed-text-field__footer--size_medium{gap:var(--seed-dimension-x3_5);padding-top:var(--seed-dimension-x2);min-height:var(--seed-dimension-x4)}.seed-text-field__description--size_medium,.seed-text-field__errorMessage--size_medium{font-size:var(--seed-font-size-t2);line-height:var(--seed-line-height-t2)}.seed-text-field__errorIcon--size_medium{width:var(--seed-dimension-x3_5);height:var(--seed-dimension-x3_5);margin-right:var(--seed-dimension-x1)}.seed-text-field__characterCount--size_medium,.seed-text-field__maxCharacterCount--size_medium{font-size:var(--seed-font-size-t2);line-height:var(--seed-line-height-t2)}.seed-notification-badge{box-sizing:border-box;text-transform:none;text-align:start;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--seed-box-background,var(--seed-color-bg-brand-solid));color:var(--seed-box-color,var(--seed-color-palette-static-white));justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.seed-notification-badge--size_small{border-radius:var(--seed-radius-full);width:6px;height:6px}.seed-notification-badge--size_large{border-radius:var(--seed-radius-full);min-height:18px;padding-inline:var(--seed-dimension-x1);font-size:var(--seed-font-size-t1);line-height:var(--seed-line-height-t1);font-weight:var(--seed-font-weight-bold);padding-block:0}.seed-notification-badge-positioner{box-sizing:border-box;justify-content:center;align-items:center;display:inline-flex;position:absolute}.seed-notification-badge-positioner--attach_icon{inset-block-end:auto;inset-inline-start:auto;translate:100% -100%}.seed-notification-badge-positioner--attach_text{inset-block-end:auto;inset-inline-start:auto;translate:100%}.seed-notification-badge-positioner--size_large-attach_icon{inset-block-start:14px;inset-inline-end:8px}.seed-notification-badge-positioner--size_small-attach_icon{inset-block-start:7px;inset-inline-end:7px}.seed-notification-badge-positioner--size_large-attach_text,.seed-notification-badge-positioner--size_small-attach_text{inset-inline-end:-2px}.seed-app-screen__root{--app-bar-offset:calc(var(--app-bar-height) + var(--seed-safe-area-top));width:100%;height:100%;position:absolute;left:0;right:0;overflow:hidden}.seed-app-screen__dim{z-index:var(--z-index-dim);width:100%;position:absolute;top:0;left:0;right:0}.seed-app-screen__layer{z-index:var(--z-index-layer);box-sizing:border-box;-webkit-overflow-scrolling:touch;width:100%;height:100%;position:absolute;left:0;right:0;overflow-y:scroll}.seed-app-screen__layer::-webkit-scrollbar{display:none}.seed-app-screen__layer{background-color:var(--seed-box-background,var(--seed-color-bg-layer-default))}.seed-app-screen__edge{z-index:var(--z-index-edge);width:20px;height:100%;position:absolute;left:0;right:0}.seed-app-screen__root--theme_cupertino{--app-bar-height:44px}.seed-app-screen__dim--theme_cupertino{background:var(--seed-box-background,var(--seed-color-bg-overlay));height:100%}.seed-app-screen__root--theme_android{--app-bar-height:56px}.seed-app-screen__edge--theme_android{display:none}.seed-app-screen__root--transitionStyle_slideFromRightIOS{--z-index-dim:calc(var(--z-index-base) + 0);--z-index-layer:calc(var(--z-index-base) + 2);--z-index-edge:calc(var(--z-index-base) + 4);--z-index-app-bar:calc(var(--z-index-base) + 7)}.seed-app-screen__layer--transitionStyle_slideFromRightIOS{transform:translate(0,0)}[data-global-transition-state=enter-active] .seed-app-screen__layer--transitionStyle_slideFromRightIOS[data-activity-is-top]{--seed-enter-translate-x:100%;--seed-enter-translate-y:0;--seed-enter-opacity:1;--seed-enter-scale:1;transform:translate3d(var(--swipe-back-target,var(--swipe-back-displacement,0)),0,0);animation:.35s cubic-bezier(.2,.1,.21,.99) seed-enter}[data-global-transition-state=exit-active] .seed-app-screen__layer--transitionStyle_slideFromRightIOS[data-activity-is-top]{transform:translate3d(var(--swipe-back-displacement,0),0,0);--seed-exit-translate-x:100%;--seed-exit-translate-y:0;--seed-exit-opacity:1;--seed-exit-scale:1;animation:.35s cubic-bezier(.2,.1,.21,.99) forwards seed-exit}[data-global-transition-state=enter-done] .seed-app-screen__layer--transitionStyle_slideFromRightIOS[data-activity-is-top]{--seed-enter-translate-x:var(--swipe-back-displacement,0);--seed-enter-translate-y:0;--seed-enter-opacity:1;--seed-enter-scale:1;transform:translate3d(var(--swipe-back-target,var(--swipe-back-displacement,0)),0,0);animation:.35s cubic-bezier(.2,.1,.21,.99) seed-enter}[data-swipe-back-state=swiping] .seed-app-screen__layer--transitionStyle_slideFromRightIOS[data-activity-is-top]:not(#\#){transform:translate3d(var(--swipe-back-displacement,0),0,0);animation:none}[data-global-transition-state=enter-active][data-top-activity-type=full-screen] .seed-app-screen__layer--transitionStyle_slideFromRightIOS:not([data-activity-is-top]){--seed-exit-translate-x:-30%;--seed-exit-translate-y:0;--seed-exit-opacity:1;--seed-exit-scale:1;animation:.35s cubic-bezier(.2,.1,.21,.99) forwards seed-exit;transform:translate(0,0)}[data-global-transition-state=exit-active][data-top-activity-type=full-screen] .seed-app-screen__layer--transitionStyle_slideFromRightIOS:not([data-activity-is-top]){--seed-enter-translate-x:calc(-30% + var(--swipe-back-displacement,0)*.3);--seed-enter-translate-y:0;--seed-enter-opacity:1;--seed-enter-scale:1;animation:.35s cubic-bezier(.2,.1,.21,.99) seed-enter;transform:translate(0,0)}[data-global-transition-state=enter-done][data-top-activity-type=full-screen] .seed-app-screen__layer--transitionStyle_slideFromRightIOS:not([data-activity-is-top]){transform:translate3d(calc(-30% + var(--swipe-back-displacement,0)*.3),0,0);--seed-exit-translate-x:-30%;--seed-exit-translate-y:0;--seed-exit-opacity:1;--seed-exit-scale:1;animation:.35s cubic-bezier(.2,.1,.21,.99) forwards seed-exit}[data-swipe-back-state=swiping] .seed-app-screen__layer--transitionStyle_slideFromRightIOS:not([data-activity-is-top]):not(#\#){transform:translate3d(calc(-30% + var(--swipe-back-displacement,0)*.3),0,0);animation:none}[data-global-transition-state=enter-active] .seed-app-screen__dim--transitionStyle_slideFromRightIOS[data-activity-is-top]{--seed-enter-translate-x:0;--seed-enter-translate-y:0;--seed-enter-opacity:0;--seed-enter-scale:1;opacity:1;animation:.35s cubic-bezier(.2,.1,.21,.99) seed-enter}[data-global-transition-state=exit-active] .seed-app-screen__dim--transitionStyle_slideFromRightIOS[data-activity-is-top]{opacity:calc(1 - var(--swipe-back-displacement-ratio,0));--seed-exit-translate-x:0;--seed-exit-translate-y:0;--seed-exit-opacity:0;--seed-exit-scale:1;animation:.35s cubic-bezier(.2,.1,.21,.99) forwards seed-exit}[data-global-transition-state=enter-done] .seed-app-screen__dim--transitionStyle_slideFromRightIOS[data-activity-is-top]{--seed-enter-translate-x:0;--seed-enter-translate-y:0;--seed-enter-opacity:calc(1 - var(--swipe-back-displacement-ratio,0));--seed-enter-scale:1;opacity:1;animation:.35s cubic-bezier(.2,.1,.21,.99) seed-enter}[data-swipe-back-state=swiping] .seed-app-screen__dim--transitionStyle_slideFromRightIOS[data-activity-is-top]:not(#\#){opacity:calc(1 - var(--swipe-back-displacement-ratio,0));animation:none}.seed-app-screen__root--transitionStyle_fadeFromBottomAndroid{--z-index-dim:calc(var(--z-index-base) + 0);--z-index-layer:calc(var(--z-index-base) + 3);--z-index-edge:calc(var(--z-index-base) + 4);--z-index-app-bar:calc(var(--z-index-base) + 4)}.seed-app-screen__dim--transitionStyle_fadeFromBottomAndroid{background:var(--seed-box-background,linear-gradient(var(--seed-color-bg-overlay),#0000));height:160px}[data-global-transition-state=enter-active] .seed-app-screen__dim--transitionStyle_fadeFromBottomAndroid[data-activity-is-top]{--seed-enter-translate-x:0;--seed-enter-translate-y:0;--seed-enter-opacity:0;--seed-enter-scale:1;opacity:1;animation:.3s cubic-bezier(.23,.1,.32,1) seed-enter;transform:translateY(-8vh)}[data-global-transition-state=exit-active] .seed-app-screen__dim--transitionStyle_fadeFromBottomAndroid[data-activity-is-top]{opacity:1;--seed-exit-translate-x:0;--seed-exit-translate-y:0;--seed-exit-opacity:0;--seed-exit-scale:1;animation:.15s linear forwards seed-exit;transform:translateY(-8vh)}.seed-app-screen__layer--transitionStyle_fadeFromBottomAndroid{transform:translate(0,0)}[data-global-transition-state=enter-active] .seed-app-screen__layer--transitionStyle_fadeFromBottomAndroid[data-activity-is-top]{--seed-enter-translate-x:0;--seed-enter-translate-y:8vh;--seed-enter-opacity:0;--seed-enter-scale:1;opacity:1;animation:.3s cubic-bezier(.23,.1,.32,1) seed-enter;transform:translate(0,0)}[data-global-transition-state=exit-active] .seed-app-screen__layer--transitionStyle_fadeFromBottomAndroid[data-activity-is-top]{opacity:1;--seed-exit-translate-x:0;--seed-exit-translate-y:8vh;--seed-exit-opacity:0;--seed-exit-scale:1;animation:.15s linear forwards seed-exit;transform:translate(0,0)}.seed-app-screen__layer--layerOffsetTop_safeArea{padding-top:var(--seed-safe-area-top)}.seed-app-screen__layer--layerOffsetTop_appBar{padding-top:var(--app-bar-offset)}.seed-app-screen__layer--layerOffsetBottom_safeArea{padding-bottom:var(--seed-safe-area-bottom)}.seed-app-bar__root{z-index:var(--z-index-app-bar);box-sizing:border-box;align-items:flex-end;width:100%;display:flex;position:absolute;top:0}.seed-app-bar__root:before{content:"";pointer-events:none;z-index:-1;position:absolute;inset:0}.seed-app-bar__left{align-items:center;height:100%;display:flex}.seed-app-bar__right{align-items:center;height:100%;margin-left:auto;display:flex}.seed-app-bar__iconButton{justify-content:center;align-items:center;display:flex}.seed-app-bar__icon{flex-shrink:0;display:inline-block}.seed-app-bar__root--theme_cupertino{height:calc(44px + var(--seed-safe-area-top));padding-inline:var(--seed-dimension-x4);padding-top:var(--seed-safe-area-top)}.seed-app-bar__iconButton--theme_cupertino{width:44px;height:44px}.seed-app-bar__iconButton--theme_cupertino:first-child{margin-left:-10px}.seed-app-bar__iconButton--theme_cupertino:last-child{margin-right:-10px}.seed-app-bar__icon--theme_cupertino{width:24px;height:24px}.seed-app-bar__root--theme_android{height:calc(56px + var(--seed-safe-area-top));padding-inline:var(--seed-dimension-x4);padding-top:var(--seed-safe-area-top)}.seed-app-bar__iconButton--theme_android{width:44px;height:44px}.seed-app-bar__iconButton--theme_android:first-child{margin-left:-10px}.seed-app-bar__iconButton--theme_android:last-child{margin-right:-10px}.seed-app-bar__icon--theme_android{width:24px;height:24px}.seed-app-bar__left--theme_android{padding-right:16px}[data-global-transition-state=enter-active] .seed-app-bar__root--transitionStyle_slideFromRightIOS[data-activity-is-top]:before{--seed-enter-translate-x:100%;--seed-enter-translate-y:0;--seed-enter-opacity:1;--seed-enter-scale:1;animation:.35s cubic-bezier(.2,.1,.21,.99) seed-enter;transform:translate(0,0)}[data-global-transition-state=exit-active] .seed-app-bar__root--transitionStyle_slideFromRightIOS[data-activity-is-top]:before{transform:translate3d(var(--swipe-back-displacement,0),0,0);--seed-exit-translate-x:100%;--seed-exit-translate-y:0;--seed-exit-opacity:1;--seed-exit-scale:1;animation:.35s cubic-bezier(.2,.1,.21,.99) forwards seed-exit}[data-global-transition-state=enter-done] .seed-app-bar__root--transitionStyle_slideFromRightIOS[data-activity-is-top]:before{--seed-enter-translate-x:var(--swipe-back-displacement,0);--seed-enter-translate-y:0;--seed-enter-opacity:1;--seed-enter-scale:1;animation:.35s cubic-bezier(.2,.1,.21,.99) seed-enter;transform:translate(0,0)}[data-global-transition-state=enter-active] .seed-app-bar__icon--transitionStyle_slideFromRightIOS[data-activity-is-top]{--seed-enter-translate-x:0;--seed-enter-translate-y:0;--seed-enter-opacity:0;--seed-enter-scale:1;opacity:1;animation:.35s cubic-bezier(.2,.1,.21,.99) seed-enter}[data-global-transition-state=exit-active] .seed-app-bar__icon--transitionStyle_slideFromRightIOS[data-activity-is-top]{opacity:calc(1 - var(--swipe-back-displacement-ratio,0));--seed-exit-translate-x:0;--seed-exit-translate-y:0;--seed-exit-opacity:0;--seed-exit-scale:1;animation:.35s cubic-bezier(.2,.1,.21,.99) forwards seed-exit}[data-global-transition-state=enter-done] .seed-app-bar__icon--transitionStyle_slideFromRightIOS[data-activity-is-top]{--seed-enter-translate-x:0;--seed-enter-translate-y:0;--seed-enter-opacity:calc(1 - var(--swipe-back-displacement-ratio,0));--seed-enter-scale:1;opacity:1;animation:.35s cubic-bezier(.2,.1,.21,.99) seed-enter}[data-swipe-back-state=swiping] .seed-app-bar__icon--transitionStyle_slideFromRightIOS[data-activity-is-top]:not(#\#){opacity:calc(1 - var(--swipe-back-displacement-ratio,0));animation:none}[data-global-transition-state=enter-active][data-top-activity-type=full-screen] .seed-app-bar__icon--transitionStyle_slideFromRightIOS:not([data-activity-is-top]){opacity:1;--seed-exit-translate-x:0;--seed-exit-translate-y:0;--seed-exit-opacity:0;--seed-exit-scale:1;animation:.35s cubic-bezier(.2,.1,.21,.99) forwards seed-exit}[data-global-transition-state=exit-active][data-top-activity-type=full-screen] .seed-app-bar__icon--transitionStyle_slideFromRightIOS:not([data-activity-is-top]){--seed-enter-translate-x:0;--seed-enter-translate-y:0;--seed-enter-opacity:calc(1 - var(--swipe-back-displacement-ratio,0));--seed-enter-scale:1;opacity:1;animation:.35s cubic-bezier(.2,.1,.21,.99) seed-enter}[data-global-transition-state=enter-done][data-top-activity-type=full-screen] .seed-app-bar__icon--transitionStyle_slideFromRightIOS:not([data-activity-is-top]){opacity:calc(1 - var(--swipe-back-displacement-ratio,0));--seed-exit-translate-x:0;--seed-exit-translate-y:0;--seed-exit-opacity:0;--seed-exit-scale:1;animation:.35s cubic-bezier(.2,.1,.21,.99) forwards seed-exit}[data-swipe-back-state=swiping] .seed-app-bar__icon--transitionStyle_slideFromRightIOS:not([data-activity-is-top]):not(#\#){opacity:calc(1 - var(--swipe-back-displacement-ratio,0));animation:none}[data-global-transition-state=enter-active] .seed-app-bar__root--transitionStyle_fadeFromBottomAndroid[data-activity-is-top]{--seed-enter-translate-x:0;--seed-enter-translate-y:8vh;--seed-enter-opacity:0;--seed-enter-scale:1;opacity:1;animation:.3s cubic-bezier(.23,.1,.32,1) seed-enter;transform:translate(0,0)}[data-global-transition-state=exit-active] .seed-app-bar__root--transitionStyle_fadeFromBottomAndroid[data-activity-is-top]{opacity:1;--seed-exit-translate-x:0;--seed-exit-translate-y:8vh;--seed-exit-opacity:0;--seed-exit-scale:1;animation:.15s linear forwards seed-exit;transform:translate(0,0)}.seed-app-bar__root--tone_layer:before{background-color:var(--seed-box-background,var(--seed-color-bg-layer-default))}.seed-app-bar__icon--tone_layer{color:var(--seed-box-color,var(--seed-color-fg-neutral))}.seed-app-bar__root--tone_transparent:before{background-color:var(--seed-box-background,#0000)}.seed-app-bar__icon--tone_transparent{color:var(--seed-box-color,var(--seed-color-palette-static-white))}.seed-app-bar__root--divider_true:before{box-shadow:inset 0px calc(-1*1px)0 var(--seed-color-stroke-neutral-muted)}.seed-app-bar-main__root{flex:1}.seed-app-bar-main__title,.seed-app-bar-main__subtitle{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.seed-app-bar-main__title--layout_titleOnly{font-size:var(--seed-font-size-t6-static);font-weight:var(--seed-font-weight-bold)}.seed-app-bar-main__title--layout_withSubtitle{font-size:var(--seed-font-size-t5-static);font-weight:var(--seed-font-weight-bold)}.seed-app-bar-main__subtitle--layout_withSubtitle{font-size:var(--seed-font-size-t2-static);font-weight:var(--seed-font-weight-regular)}.seed-app-bar-main__root--theme_cupertino{text-align:center;top:var(--seed-safe-area-top);padding-inline:var(--centered-title-padding-x,0);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0}.seed-app-bar-main__root--theme_android{justify-content:flex-start;align-items:center;width:100%;height:100%;display:flex}[data-global-transition-state=enter-active] .seed-app-bar-main__root--transitionStyle_slideFromRightIOS[data-activity-is-top]{--seed-enter-translate-x:25%;--seed-enter-translate-y:0;--seed-enter-opacity:0;--seed-enter-scale:1;opacity:1;animation:.35s cubic-bezier(.2,.1,.21,.99) seed-enter;transform:translate(0,0)}[data-global-transition-state=exit-active] .seed-app-bar-main__root--transitionStyle_slideFromRightIOS[data-activity-is-top]{transform:translate3d(calc(var(--swipe-back-displacement,0)*.25),0,0);opacity:calc(1 - var(--swipe-back-displacement-ratio,0));--seed-exit-translate-x:25%;--seed-exit-translate-y:0;--seed-exit-opacity:0;--seed-exit-scale:1;animation:.35s cubic-bezier(.2,.1,.21,.99) forwards seed-exit}[data-global-transition-state=enter-done] .seed-app-bar-main__root--transitionStyle_slideFromRightIOS[data-activity-is-top]{--seed-enter-translate-x:calc(var(--swipe-back-displacement,0)*.25);--seed-enter-translate-y:0;--seed-enter-opacity:calc(1 - var(--swipe-back-displacement-ratio,0));--seed-enter-scale:1;opacity:1;animation:.35s cubic-bezier(.2,.1,.21,.99) seed-enter;transform:translate(0,0)}[data-swipe-back-state=swiping] .seed-app-bar-main__root--transitionStyle_slideFromRightIOS[data-activity-is-top]:not(#\#){transform:translate3d(calc(var(--swipe-back-displacement,0)*.25),0,0);opacity:calc(1 - var(--swipe-back-displacement-ratio,0));animation:none}[data-global-transition-state=enter-active][data-top-activity-type=full-screen] .seed-app-bar-main__root--transitionStyle_slideFromRightIOS:not([data-activity-is-top]){opacity:1;--seed-exit-translate-x:-25%;--seed-exit-translate-y:0;--seed-exit-opacity:0;--seed-exit-scale:1;animation:.35s cubic-bezier(.2,.1,.21,.99) forwards seed-exit;transform:translate(0,0)}[data-global-transition-state=exit-active][data-top-activity-type=full-screen] .seed-app-bar-main__root--transitionStyle_slideFromRightIOS:not([data-activity-is-top]){--seed-enter-translate-x:calc(-25% + var(--swipe-back-displacement,0)*.25);--seed-enter-translate-y:0;--seed-enter-opacity:calc(1 - var(--swipe-back-displacement-ratio,0));--seed-enter-scale:1;opacity:1;animation:.35s cubic-bezier(.2,.1,.21,.99) seed-enter;transform:translate(0,0)}[data-global-transition-state=enter-done][data-top-activity-type=full-screen] .seed-app-bar-main__root--transitionStyle_slideFromRightIOS:not([data-activity-is-top]){transform:translate3d(calc(-25% + var(--swipe-back-displacement,0)*.25),0,0);opacity:calc(1 - var(--swipe-back-displacement-ratio,0));--seed-exit-translate-x:-25%;--seed-exit-translate-y:0;--seed-exit-opacity:0;--seed-exit-scale:1;animation:.35s cubic-bezier(.2,.1,.21,.99) forwards seed-exit}[data-swipe-back-state=swiping] .seed-app-bar-main__root--transitionStyle_slideFromRightIOS:not([data-activity-is-top]):not(#\#){transform:translate3d(calc(-25% + var(--swipe-back-displacement,0)*.25),0,0);opacity:calc(1 - var(--swipe-back-displacement-ratio,0));animation:none}.seed-app-bar-main__root--tone_layer,.seed-app-bar-main__title--tone_layer{color:var(--seed-box-color,var(--seed-color-fg-neutral))}.seed-app-bar-main__subtitle--tone_layer{color:var(--seed-box-color,var(--seed-color-fg-neutral-muted))}.seed-app-bar-main__root--tone_transparent,.seed-app-bar-main__title--tone_transparent,.seed-app-bar-main__subtitle--tone_transparent{color:var(--seed-box-color,var(--seed-color-palette-static-white))}.seed-pull-to-refresh__root{--ptr-size:44px;--ptr-transition-duration:var(--seed-duration-d6);height:100%}.seed-pull-to-refresh__indicator{transform:translateY(min(calc(var(--ptr-displacement,0) - var(--ptr-size)),0px));transition:transform var(--seed-duration-d6);justify-content:center;align-items:center;display:flex}.seed-pull-to-refresh__indicator[data-ptr-dragging]{transition:none}@keyframes seed-enter{0%{opacity:var(--seed-enter-opacity,1);transform:translate3d(var(--seed-enter-translate-x,0),var(--seed-enter-translate-y,0),0)scale3d(var(--seed-enter-scale,1),var(--seed-enter-scale,1),var(--seed-enter-scale,1))rotate(var(--seed-enter-rotate,0))}}@keyframes seed-exit{to{opacity:var(--seed-exit-opacity,1);transform:translate3d(var(--seed-exit-translate-x,0),var(--seed-exit-translate-y,0),0)scale3d(var(--seed-exit-scale,1),var(--seed-exit-scale,1),var(--seed-exit-scale,1))rotate(var(--seed-exit-rotate,0))}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slide-x{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes progress-circle-head{0%{stroke-dasharray:0 1000%}75%{stroke-dasharray:var(--circumference),1000%}to{stroke-dasharray:var(--circumference),1000%}}@keyframes progress-circle-tail{0%{stroke-dashoffset:0}33.33%{stroke-dashoffset:0}to{stroke-dashoffset:calc(var(--circumference)*-1)}} \ No newline at end of file diff --git a/packages/css/base.css b/packages/css/base.css index 8b1c52621a..678dd51e26 100644 --- a/packages/css/base.css +++ b/packages/css/base.css @@ -43,7 +43,7 @@ .seed-icon { width: var(--seed-icon-size); height: var(--seed-icon-size); - color: var(--seed-icon-color, currentColor); + color: var(--seed-box-color, var(--seed-icon-color, currentColor)); } .seed-prefix-icon { @@ -52,7 +52,7 @@ margin-left: var(--seed-prefix-icon-margin-left); margin-right: var(--seed-prefix-icon-margin-right); margin-top: var(--seed-prefix-icon-margin-top); - color: var(--seed-prefix-icon-color, currentColor); + color: var(--seed-box-color, var(--seed-prefix-icon-color, currentColor)); } .seed-suffix-icon { @@ -61,25 +61,25 @@ margin-left: var(--seed-suffix-icon-margin-left); margin-right: var(--seed-suffix-icon-margin-right); margin-top: var(--seed-suffix-icon-margin-top); - color: var(--seed-suffix-icon-color, currentColor); + color: var(--seed-box-color, var(--seed-suffix-icon-color, currentColor)); } .seed-count { font-size: var(--seed-count-font-size); line-height: var(--seed-count-line-height); font-weight: var(--seed-count-font-weight); - color: var(--seed-count-color); + color: var(--seed-box-color, var(--seed-count-color)); } .seed-box { --seed-box-background: initial; --seed-box-color: initial; - background: var(--seed-box-background); - color: var(--seed-box-color); + background: var(--seed-box-background, var(--seed-box-background)); + color: var(--seed-box-color, var(--seed-box-color)); --seed-box-border-style: solid; --seed-box-border-color: initial; border-style: var(--seed-box-border-style); - border-color: var(--seed-box-border-color); + border-color: var(--seed-box-border-color, var(--seed-box-border-color)); --seed-box-border-width: 0; --seed-box-border-top-width: var(--seed-box-border-width); --seed-box-border-bottom-width: var(--seed-box-border-width); @@ -171,7 +171,7 @@ .seed-box:is(:active, [data-active]) { --seed-box-background--active: var(--seed-box-background); - background: var(--seed-box-background--active); + background: var(--seed-box-background, var(--seed-box-background--active)); } .seed-consistent-width:before { diff --git a/packages/css/base.min.css b/packages/css/base.min.css index 36b678993a..0e935f7ca4 100644 --- a/packages/css/base.min.css +++ b/packages/css/base.min.css @@ -1 +1 @@ -:root{--seed-safe-area-top:0px;--seed-safe-area-bottom:0px}@supports (left:constant(safe-area-inset-left)){:root{--seed-safe-area-top:constant(safe-area-inset-top);--seed-safe-area-bottom:constant(safe-area-inset-bottom)}}@supports (left:env(safe-area-inset-left)){:root{--seed-safe-area-top:env(safe-area-inset-top);--seed-safe-area-bottom:env(safe-area-inset-bottom)}}:root{--seed-font-size-multiplier:1}@supports (font:-apple-system-body){html[data-seed-platform=ios][data-seed-font-scaling=enabled]{--seed-font-size-multiplier:.9412;font:-apple-system-body}}.seed-loading-indicator{display:inline-flex;position:absolute}.seed-icon,.seed-prefix-icon,.seed-suffix-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.seed-icon{width:var(--seed-icon-size);height:var(--seed-icon-size);color:var(--seed-icon-color,currentColor)}.seed-prefix-icon{width:var(--seed-prefix-icon-size);height:var(--seed-prefix-icon-size);margin-left:var(--seed-prefix-icon-margin-left);margin-right:var(--seed-prefix-icon-margin-right);margin-top:var(--seed-prefix-icon-margin-top);color:var(--seed-prefix-icon-color,currentColor)}.seed-suffix-icon{width:var(--seed-suffix-icon-size);height:var(--seed-suffix-icon-size);margin-left:var(--seed-suffix-icon-margin-left);margin-right:var(--seed-suffix-icon-margin-right);margin-top:var(--seed-suffix-icon-margin-top);color:var(--seed-suffix-icon-color,currentColor)}.seed-count{font-size:var(--seed-count-font-size);line-height:var(--seed-count-line-height);font-weight:var(--seed-count-font-weight);color:var(--seed-count-color)}.seed-box{--seed-box-background:initial;--seed-box-color:initial;background:var(--seed-box-background);color:var(--seed-box-color);--seed-box-border-style:solid;--seed-box-border-color:initial;border-style:var(--seed-box-border-style);border-color:var(--seed-box-border-color);--seed-box-border-width:0;--seed-box-border-top-width:var(--seed-box-border-width);--seed-box-border-bottom-width:var(--seed-box-border-width);--seed-box-border-left-width:var(--seed-box-border-width);--seed-box-border-right-width:var(--seed-box-border-width);border-top-width:var(--seed-box-border-top-width);border-bottom-width:var(--seed-box-border-bottom-width);border-left-width:var(--seed-box-border-left-width);border-right-width:var(--seed-box-border-right-width);--seed-box-padding:0;--seed-box-padding-y:var(--seed-box-padding);--seed-box-padding-x:var(--seed-box-padding);--seed-box-padding-bottom:var(--seed-box-padding-y);--seed-box-padding-top:var(--seed-box-padding-y);--seed-box-padding-left:var(--seed-box-padding-x);--seed-box-padding-right:var(--seed-box-padding-x);padding-top:var(--seed-box-padding-top);padding-bottom:var(--seed-box-padding-bottom);padding-left:var(--seed-box-padding-left);padding-right:var(--seed-box-padding-right);--seed-box-bleed-bottom:initial;--seed-box-bleed-top:initial;--seed-box-bleed-left:initial;--seed-box-bleed-right:initial;margin-top:calc(var(--seed-box-bleed-top)*-1);margin-bottom:calc(var(--seed-box-bleed-bottom)*-1);margin-left:calc(var(--seed-box-bleed-left)*-1);margin-right:calc(var(--seed-box-bleed-right)*-1);--seed-box-min-height:initial;--seed-box-max-height:initial;--seed-box-height:initial;--seed-box-min-width:initial;--seed-box-max-width:initial;--seed-box-width:initial;min-height:var(--seed-box-min-height);max-height:var(--seed-box-max-height);height:var(--seed-box-height);min-width:var(--seed-box-min-width);max-width:var(--seed-box-max-width);width:var(--seed-box-width);--seed-box-top:initial;--seed-box-bottom:initial;--seed-box-left:initial;--seed-box-right:initial;top:var(--seed-box-top);bottom:var(--seed-box-bottom);left:var(--seed-box-left);right:var(--seed-box-right);--seed-box-border-radius:initial;--seed-box-border-bottom-left-radius:var(--seed-box-border-radius);--seed-box-border-bottom-right-radius:var(--seed-box-border-radius);--seed-box-border-top-left-radius:var(--seed-box-border-radius);--seed-box-border-top-right-radius:var(--seed-box-border-radius);border-bottom-left-radius:var(--seed-box-border-bottom-left-radius);border-bottom-right-radius:var(--seed-box-border-bottom-right-radius);border-top-left-radius:var(--seed-box-border-top-left-radius);border-top-right-radius:var(--seed-box-border-top-right-radius);--seed-box-display:block;--seed-box-position:initial;display:var(--seed-box-display);position:var(--seed-box-position);--seed-box-unstable-transform:initial;transform:var(--seed-box-unstable-transform);--seed-box-z-index:initial;z-index:var(--seed-box-z-index);--seed-box-overflow-x:initial;--seed-box-overflow-y:initial;overflow-x:var(--seed-box-overflow-x);overflow-y:var(--seed-box-overflow-y);--seed-box-flex-grow:initial;--seed-box-flex-shrink:initial;flex-grow:var(--seed-box-flex-grow);flex-shrink:var(--seed-box-flex-shrink);--seed-box-flex-direction:initial;--seed-box-flex-wrap:initial;--seed-box-justify-content:initial;--seed-box-align-items:stretch;--seed-box-align-content:stretch;--seed-box-align-self:auto;--seed-box-gap:initial;flex-direction:var(--seed-box-flex-direction);flex-wrap:var(--seed-box-flex-wrap);justify-content:var(--seed-box-justify-content);align-items:var(--seed-box-align-items);align-content:var(--seed-box-align-content);align-self:var(--seed-box-align-self);gap:var(--seed-box-gap)}.seed-box:is(:active,[data-active]){--seed-box-background--active:var(--seed-box-background);background:var(--seed-box-background--active)}.seed-consistent-width:before{content:attr(data-text);visibility:hidden;height:0;font-weight:var(--seed-font-weight-regular);display:block}.seed-consistent-width:after{content:attr(data-text);visibility:hidden;height:0;font-weight:var(--seed-font-weight-bold);display:block}:root,[data-seed-color-mode=system]{color-scheme:light dark}[data-seed-color-mode=light-only]{color-scheme:light}[data-seed-color-mode=dark-only]{color-scheme:dark}:root{--seed-dimension-x0_5:2px;--seed-dimension-x1:4px;--seed-dimension-x1_5:6px;--seed-dimension-x2:8px;--seed-dimension-x2_5:10px;--seed-dimension-x3:12px;--seed-dimension-x3_5:14px;--seed-dimension-x4:16px;--seed-dimension-x4_5:18px;--seed-dimension-x5:20px;--seed-dimension-x6:24px;--seed-dimension-x7:28px;--seed-dimension-x8:32px;--seed-dimension-x9:36px;--seed-dimension-x10:40px;--seed-dimension-x12:48px;--seed-dimension-x13:52px;--seed-dimension-x14:56px;--seed-dimension-x16:64px;--seed-dimension-spacing-x-between-chips:var(--seed-dimension-x2);--seed-dimension-spacing-x-global-gutter:var(--seed-dimension-x4);--seed-dimension-spacing-y-component-default:var(--seed-dimension-x3);--seed-dimension-spacing-y-nav-to-title:var(--seed-dimension-x5);--seed-dimension-spacing-y-screen-bottom:var(--seed-dimension-x14);--seed-dimension-spacing-y-between-text:var(--seed-dimension-x1_5);--seed-duration-d1:50ms;--seed-duration-d2:.1s;--seed-duration-d3:.15s;--seed-duration-d4:.2s;--seed-duration-d5:.25s;--seed-duration-d6:.3s;--seed-font-size-t1:calc(.6875rem*var(--seed-font-size-multiplier));--seed-font-size-t2:calc(.75rem*var(--seed-font-size-multiplier));--seed-font-size-t3:calc(.8125rem*var(--seed-font-size-multiplier));--seed-font-size-t4:calc(.875rem*var(--seed-font-size-multiplier));--seed-font-size-t5:calc(1rem*var(--seed-font-size-multiplier));--seed-font-size-t6:calc(1.125rem*var(--seed-font-size-multiplier));--seed-font-size-t7:calc(1.25rem*var(--seed-font-size-multiplier));--seed-font-size-t8:calc(1.375rem*var(--seed-font-size-multiplier));--seed-font-size-t9:calc(1.5rem*var(--seed-font-size-multiplier));--seed-font-size-t10:calc(1.625rem*var(--seed-font-size-multiplier));--seed-font-size-t2-static:12px;--seed-font-size-t5-static:16px;--seed-font-size-t6-static:18px;--seed-font-weight-regular:400;--seed-font-weight-medium:500;--seed-font-weight-bold:700;--seed-line-height-t1:calc(.9375rem*var(--seed-font-size-multiplier));--seed-line-height-t2:calc(1rem*var(--seed-font-size-multiplier));--seed-line-height-t3:calc(1.125rem*var(--seed-font-size-multiplier));--seed-line-height-t4:calc(1.1875rem*var(--seed-font-size-multiplier));--seed-line-height-t5:calc(1.375rem*var(--seed-font-size-multiplier));--seed-line-height-t6:calc(1.5rem*var(--seed-font-size-multiplier));--seed-line-height-t7:calc(1.6875rem*var(--seed-font-size-multiplier));--seed-line-height-t8:calc(1.875rem*var(--seed-font-size-multiplier));--seed-line-height-t9:calc(2rem*var(--seed-font-size-multiplier));--seed-line-height-t10:calc(2.1875rem*var(--seed-font-size-multiplier));--seed-radius-r0_5:2px;--seed-radius-r1:4px;--seed-radius-r1_5:6px;--seed-radius-r2:8px;--seed-radius-r2_5:10px;--seed-radius-r3:12px;--seed-radius-r3_5:14px;--seed-radius-r4:16px;--seed-radius-r5:20px;--seed-radius-r6:24px;--seed-radius-full:9999px;--seed-timing-function-linear:cubic-bezier(0,0,1,1);--seed-timing-function-easing:cubic-bezier(.35,0,.35,1);--seed-timing-function-enter:cubic-bezier(0,0,.15,1);--seed-timing-function-exit:cubic-bezier(.35,0,1,1);--seed-timing-function-enter-expressive:cubic-bezier(.03,.4,.1,1);--seed-timing-function-exit-expressive:cubic-bezier(.35,0,.95,.55)}:root,:root[data-seed-color-mode=system][data-seed-user-color-scheme=light],:root[data-seed-color-mode=light-only],:root [data-seed-color-mode=light-only]{--seed-color-palette-blue-100:#eff6ff;--seed-color-palette-blue-200:#e2edfc;--seed-color-palette-blue-300:#cbdffa;--seed-color-palette-blue-400:#aacefd;--seed-color-palette-blue-500:#85b8fd;--seed-color-palette-blue-600:#5e98fe;--seed-color-palette-blue-700:#217cf9;--seed-color-palette-blue-800:#135fcd;--seed-color-palette-blue-900:#0b4596;--seed-color-palette-blue-1000:#032451;--seed-color-palette-carrot-100:#fff2ec;--seed-color-palette-carrot-200:#ffe8db;--seed-color-palette-carrot-300:#ffd5c0;--seed-color-palette-carrot-400:#ffb999;--seed-color-palette-carrot-500:#ff9364;--seed-color-palette-carrot-600:#f60;--seed-color-palette-carrot-700:#e14d00;--seed-color-palette-carrot-800:#b93901;--seed-color-palette-carrot-900:#862b00;--seed-color-palette-carrot-1000:#471601;--seed-color-palette-gray-00:#fff;--seed-color-palette-gray-100:#f7f8f9;--seed-color-palette-gray-200:#f3f4f5;--seed-color-palette-gray-300:#eeeff1;--seed-color-palette-gray-400:#dcdee3;--seed-color-palette-gray-500:#d1d3d8;--seed-color-palette-gray-600:#b0b3ba;--seed-color-palette-gray-700:#868b94;--seed-color-palette-gray-800:#555d6d;--seed-color-palette-gray-900:#2a3038;--seed-color-palette-gray-1000:#1a1c20;--seed-color-palette-green-100:#edfaf6;--seed-color-palette-green-200:#d9f6e9;--seed-color-palette-green-300:#b9e9d2;--seed-color-palette-green-400:#7ddcb3;--seed-color-palette-green-500:#42c593;--seed-color-palette-green-600:#10ab7d;--seed-color-palette-green-700:#079171;--seed-color-palette-green-800:#00745f;--seed-color-palette-green-900:#075445;--seed-color-palette-green-1000:#0a2b24;--seed-color-palette-purple-100:#f5f3fe;--seed-color-palette-purple-200:#efeafe;--seed-color-palette-purple-300:#e1d8ff;--seed-color-palette-purple-400:#d0c0ff;--seed-color-palette-purple-500:#b8a1ff;--seed-color-palette-purple-600:#9f84fb;--seed-color-palette-purple-700:#8969ea;--seed-color-palette-purple-800:#6d50cb;--seed-color-palette-purple-900:#50379b;--seed-color-palette-purple-1000:#29175d;--seed-color-palette-red-100:#fdf0f0;--seed-color-palette-red-200:#fde7e7;--seed-color-palette-red-300:#fed4d2;--seed-color-palette-red-400:#feb7b3;--seed-color-palette-red-500:#fe928d;--seed-color-palette-red-600:#fc6a66;--seed-color-palette-red-700:#fa342c;--seed-color-palette-red-800:#ca1d13;--seed-color-palette-red-900:#921708;--seed-color-palette-red-1000:#4a1209;--seed-color-palette-static-black:#000;--seed-color-palette-static-white:#fff;--seed-color-palette-static-black-alpha-100:#00000007;--seed-color-palette-static-black-alpha-200:#0000000c;--seed-color-palette-static-black-alpha-300:#00000010;--seed-color-palette-static-black-alpha-400:#00000021;--seed-color-palette-static-black-alpha-500:#0000002c;--seed-color-palette-static-black-alpha-600:#0000004c;--seed-color-palette-static-black-alpha-700:#00000074;--seed-color-palette-static-black-alpha-800:#000000a2;--seed-color-palette-static-black-alpha-900:#000000d0;--seed-color-palette-static-black-alpha-1000:#000000e3;--seed-color-palette-static-white-alpha-50:#ffffff0d;--seed-color-palette-static-white-alpha-100:#ffffff17;--seed-color-palette-static-white-alpha-200:#ffffff20;--seed-color-palette-static-white-alpha-300:#ffffff2e;--seed-color-palette-static-white-alpha-400:#ffffff3d;--seed-color-palette-static-white-alpha-500:#ffffff60;--seed-color-palette-static-white-alpha-600:#ffffff8b;--seed-color-palette-static-white-alpha-700:#ffffffb3;--seed-color-palette-static-white-alpha-800:#ffffffde;--seed-color-palette-static-white-alpha-900:#ffffffea;--seed-color-palette-static-white-alpha-1000:#fffffff4;--seed-color-palette-yellow-100:#fff7de;--seed-color-palette-yellow-200:#fdefb9;--seed-color-palette-yellow-300:#fbdc65;--seed-color-palette-yellow-400:#e9c647;--seed-color-palette-yellow-500:#d4ab28;--seed-color-palette-yellow-600:#c49725;--seed-color-palette-yellow-700:#9b7821;--seed-color-palette-yellow-800:#755b22;--seed-color-palette-yellow-900:#4f3e1f;--seed-color-palette-yellow-1000:#2c2512;--seed-color-fg-brand:var(--seed-color-palette-carrot-600);--seed-color-fg-critical:var(--seed-color-palette-red-700);--seed-color-fg-disabled:var(--seed-color-palette-gray-500);--seed-color-fg-informative:var(--seed-color-palette-blue-700);--seed-color-fg-neutral:var(--seed-color-palette-gray-1000);--seed-color-fg-placeholder:var(--seed-color-palette-gray-600);--seed-color-fg-positive:var(--seed-color-palette-green-700);--seed-color-fg-critical-contrast:var(--seed-color-palette-red-900);--seed-color-fg-informative-contrast:var(--seed-color-palette-blue-900);--seed-color-fg-neutral-inverted:var(--seed-color-palette-gray-00);--seed-color-fg-neutral-muted:var(--seed-color-palette-gray-800);--seed-color-fg-neutral-subtle:var(--seed-color-palette-gray-700);--seed-color-fg-positive-contrast:var(--seed-color-palette-green-900);--seed-color-fg-warning-contrast:var(--seed-color-palette-yellow-900);--seed-color-bg-disabled:var(--seed-color-palette-gray-200);--seed-color-bg-overlay:var(--seed-color-palette-static-black-alpha-700);--seed-color-bg-brand-solid:var(--seed-color-palette-carrot-600);--seed-color-bg-brand-solid-pressed:var(--seed-color-palette-carrot-700);--seed-color-bg-critical-solid:var(--seed-color-palette-red-700);--seed-color-bg-critical-weak:var(--seed-color-palette-red-100);--seed-color-bg-critical-solid-pressed:var(--seed-color-palette-red-800);--seed-color-bg-critical-weak-pressed:var(--seed-color-palette-red-200);--seed-color-bg-informative-solid:var(--seed-color-palette-blue-700);--seed-color-bg-informative-weak:var(--seed-color-palette-blue-100);--seed-color-bg-informative-solid-pressed:var(--seed-color-palette-blue-800);--seed-color-bg-informative-weak-pressed:var(--seed-color-palette-blue-200);--seed-color-bg-layer-basement:var(--seed-color-palette-gray-200);--seed-color-bg-layer-default:var(--seed-color-palette-gray-00);--seed-color-bg-layer-fill:var(--seed-color-palette-gray-100);--seed-color-bg-layer-floating:var(--seed-color-palette-gray-00);--seed-color-bg-layer-default-pressed:var(--seed-color-palette-gray-100);--seed-color-bg-layer-floating-pressed:var(--seed-color-palette-gray-100);--seed-color-bg-magic-weak:#f9f2ee;--seed-color-bg-neutral-inverted:var(--seed-color-palette-gray-900);--seed-color-bg-neutral-solid:var(--seed-color-palette-gray-1000);--seed-color-bg-neutral-weak:var(--seed-color-palette-gray-200);--seed-color-bg-neutral-inverted-pressed:var(--seed-color-palette-gray-800);--seed-color-bg-neutral-solid-muted:var(--seed-color-palette-gray-800);--seed-color-bg-neutral-solid-muted-pressed:var(--seed-color-palette-gray-900);--seed-color-bg-neutral-weak-pressed:var(--seed-color-palette-gray-300);--seed-color-bg-overlay-muted:var(--seed-color-palette-static-black-alpha-500);--seed-color-bg-positive-solid:var(--seed-color-palette-green-700);--seed-color-bg-positive-weak:var(--seed-color-palette-green-100);--seed-color-bg-positive-solid-pressed:var(--seed-color-palette-green-800);--seed-color-bg-positive-weak-pressed:var(--seed-color-palette-green-200);--seed-color-bg-warning-solid:var(--seed-color-palette-yellow-300);--seed-color-bg-warning-weak:var(--seed-color-palette-yellow-100);--seed-color-bg-warning-weak-pressed:var(--seed-color-palette-yellow-200);--seed-color-stroke-brand:var(--seed-color-palette-carrot-300);--seed-color-stroke-control:var(--seed-color-palette-gray-400);--seed-color-stroke-critical:var(--seed-color-palette-red-300);--seed-color-stroke-field:var(--seed-color-palette-gray-400);--seed-color-stroke-informative:var(--seed-color-palette-blue-300);--seed-color-stroke-neutral:var(--seed-color-palette-static-black-alpha-300);--seed-color-stroke-positive:var(--seed-color-palette-green-300);--seed-color-stroke-field-focused:var(--seed-color-palette-gray-800);--seed-color-stroke-neutral-muted:var(--seed-color-palette-static-black-alpha-200);--seed-color-stroke-on-image:var(--seed-color-palette-static-black-alpha-200);--seed-color-manner-temp-l1-bg:#eff0f1;--seed-color-manner-temp-l1-text:#62666a;--seed-color-manner-temp-l2-bg:#e7f2fc;--seed-color-manner-temp-l2-text:#2592f7;--seed-color-manner-temp-l3-bg:#e3f6fc;--seed-color-manner-temp-l3-text:#0099c8;--seed-color-manner-temp-l4-bg:#ebf9f4;--seed-color-manner-temp-l4-text:#03a07e;--seed-color-manner-temp-l5-bg:#fff5e5;--seed-color-manner-temp-l5-text:#d28500;--seed-color-manner-temp-l6-bg:#fff0e5;--seed-color-manner-temp-l6-text:#f06000;--seed-gradient-fade-layer-floating:#fff0 0%,#000 100%;--seed-gradient-fade-layer-default:#fff0 0%,#000 100%;--seed-gradient-glow-magic:#fef6f7 0%,#fef0e7 80%,#f9f7f5 100%;--seed-gradient-shimmer-magic:#fff9f500 0%,#fff9f58a 46%,#fff9f58a 54%,#fff9f500 100%;--seed-gradient-glow-magic-pressed:#fbf0f2 0%,#ffe8db 80%,#f5f2ef 100%;--seed-gradient-shimmer-neutral:#fff0 0%,#fff6 46%,#fff6 54%,#fff0 100%;--seed-gradient-highlight-magic:#f60 20%,#d25aca 100%}:root[data-seed-color-mode=system][data-seed-user-color-scheme=dark],:root[data-seed-color-mode=dark-only],:root [data-seed-color-mode=dark-only]{--seed-color-palette-blue-100:#202742;--seed-color-palette-blue-200:#1e3352;--seed-color-palette-blue-300:#1a4275;--seed-color-palette-blue-400:#0f559e;--seed-color-palette-blue-500:#1964d8;--seed-color-palette-blue-600:#1e82eb;--seed-color-palette-blue-700:#41a2f9;--seed-color-palette-blue-800:#83bcf9;--seed-color-palette-blue-900:#b9d7fb;--seed-color-palette-blue-1000:#e5f0fe;--seed-color-palette-carrot-100:#31241f;--seed-color-palette-carrot-200:#4b291c;--seed-color-palette-carrot-300:#6b311c;--seed-color-palette-carrot-400:#923600;--seed-color-palette-carrot-500:#bd4201;--seed-color-palette-carrot-600:#e65200;--seed-color-palette-carrot-700:#f60;--seed-color-palette-carrot-800:#ff9e65;--seed-color-palette-carrot-900:#eecebc;--seed-color-palette-carrot-1000:#f4eeea;--seed-color-palette-gray-00:#000;--seed-color-palette-gray-100:#16171b;--seed-color-palette-gray-200:#1d2025;--seed-color-palette-gray-300:#2b2e35;--seed-color-palette-gray-400:#393d46;--seed-color-palette-gray-500:#5b606a;--seed-color-palette-gray-600:#868b94;--seed-color-palette-gray-700:#b0b3ba;--seed-color-palette-gray-800:#dcdee3;--seed-color-palette-gray-900:#e9eaec;--seed-color-palette-gray-1000:#f3f4f5;--seed-color-palette-green-100:#202926;--seed-color-palette-green-200:#20362e;--seed-color-palette-green-300:#20493b;--seed-color-palette-green-400:#19604c;--seed-color-palette-green-500:#117956;--seed-color-palette-green-600:#1b946d;--seed-color-palette-green-700:#22b27f;--seed-color-palette-green-800:#35ce9a;--seed-color-palette-green-900:#93e5c0;--seed-color-palette-green-1000:#d4f6ef;--seed-color-palette-purple-100:#28213b;--seed-color-palette-purple-200:#3b2873;--seed-color-palette-purple-300:#443081;--seed-color-palette-purple-400:#5a3bb1;--seed-color-palette-purple-500:#764fd9;--seed-color-palette-purple-600:#8e6bee;--seed-color-palette-purple-700:#a78df0;--seed-color-palette-purple-800:#beadf2;--seed-color-palette-purple-900:#d9cefa;--seed-color-palette-purple-1000:#f0edfc;--seed-color-palette-red-100:#322323;--seed-color-palette-red-200:#4f2624;--seed-color-palette-red-300:#742826;--seed-color-palette-red-400:#a12621;--seed-color-palette-red-500:#ca2319;--seed-color-palette-red-600:#f73526;--seed-color-palette-red-700:#ff6e60;--seed-color-palette-red-800:#ffa299;--seed-color-palette-red-900:#f8c5c3;--seed-color-palette-red-1000:#fdf2f2;--seed-color-palette-static-black:#000;--seed-color-palette-static-white:#fff;--seed-color-palette-static-black-alpha-100:#00000007;--seed-color-palette-static-black-alpha-200:#0000000c;--seed-color-palette-static-black-alpha-300:#00000010;--seed-color-palette-static-black-alpha-400:#00000021;--seed-color-palette-static-black-alpha-500:#0000002c;--seed-color-palette-static-black-alpha-600:#0000004c;--seed-color-palette-static-black-alpha-700:#00000074;--seed-color-palette-static-black-alpha-800:#000000a2;--seed-color-palette-static-black-alpha-900:#000000d0;--seed-color-palette-static-black-alpha-1000:#000000e3;--seed-color-palette-static-white-alpha-50:#ffffff0d;--seed-color-palette-static-white-alpha-100:#ffffff17;--seed-color-palette-static-white-alpha-200:#ffffff20;--seed-color-palette-static-white-alpha-300:#ffffff2e;--seed-color-palette-static-white-alpha-400:#ffffff3d;--seed-color-palette-static-white-alpha-500:#ffffff60;--seed-color-palette-static-white-alpha-600:#ffffff8b;--seed-color-palette-static-white-alpha-700:#ffffffb3;--seed-color-palette-static-white-alpha-800:#ffffffde;--seed-color-palette-static-white-alpha-900:#ffffffea;--seed-color-palette-static-white-alpha-1000:#fffffff4;--seed-color-palette-yellow-100:#302819;--seed-color-palette-yellow-200:#413218;--seed-color-palette-yellow-300:#543e15;--seed-color-palette-yellow-400:#714e15;--seed-color-palette-yellow-500:#91601b;--seed-color-palette-yellow-600:#b6720d;--seed-color-palette-yellow-700:#ca901c;--seed-color-palette-yellow-800:#dab156;--seed-color-palette-yellow-900:#e5d49b;--seed-color-palette-yellow-1000:#f7f0cd;--seed-color-fg-brand:var(--seed-color-palette-carrot-700);--seed-color-fg-critical:var(--seed-color-palette-red-700);--seed-color-fg-disabled:var(--seed-color-palette-gray-500);--seed-color-fg-informative:var(--seed-color-palette-blue-700);--seed-color-fg-neutral:var(--seed-color-palette-gray-1000);--seed-color-fg-placeholder:var(--seed-color-palette-gray-600);--seed-color-fg-positive:var(--seed-color-palette-green-700);--seed-color-fg-critical-contrast:var(--seed-color-palette-red-900);--seed-color-fg-informative-contrast:var(--seed-color-palette-blue-900);--seed-color-fg-neutral-inverted:var(--seed-color-palette-gray-100);--seed-color-fg-neutral-muted:var(--seed-color-palette-gray-800);--seed-color-fg-neutral-subtle:var(--seed-color-palette-gray-700);--seed-color-fg-positive-contrast:var(--seed-color-palette-green-900);--seed-color-fg-warning-contrast:var(--seed-color-palette-yellow-900);--seed-color-bg-disabled:var(--seed-color-palette-gray-300);--seed-color-bg-overlay:var(--seed-color-palette-static-black-alpha-700);--seed-color-bg-brand-solid:var(--seed-color-palette-carrot-700);--seed-color-bg-brand-solid-pressed:var(--seed-color-palette-carrot-800);--seed-color-bg-critical-solid:var(--seed-color-palette-red-600);--seed-color-bg-critical-weak:var(--seed-color-palette-red-100);--seed-color-bg-critical-solid-pressed:var(--seed-color-palette-red-700);--seed-color-bg-critical-weak-pressed:var(--seed-color-palette-red-200);--seed-color-bg-informative-solid:var(--seed-color-palette-blue-600);--seed-color-bg-informative-weak:var(--seed-color-palette-blue-100);--seed-color-bg-informative-solid-pressed:var(--seed-color-palette-blue-700);--seed-color-bg-informative-weak-pressed:var(--seed-color-palette-blue-200);--seed-color-bg-layer-basement:var(--seed-color-palette-gray-00);--seed-color-bg-layer-default:var(--seed-color-palette-gray-100);--seed-color-bg-layer-fill:var(--seed-color-palette-gray-200);--seed-color-bg-layer-floating:var(--seed-color-palette-gray-200);--seed-color-bg-layer-default-pressed:var(--seed-color-palette-gray-300);--seed-color-bg-layer-floating-pressed:var(--seed-color-palette-gray-300);--seed-color-bg-magic-weak:#201f1f;--seed-color-bg-neutral-inverted:var(--seed-color-palette-gray-1000);--seed-color-bg-neutral-solid:var(--seed-color-palette-gray-300);--seed-color-bg-neutral-weak:var(--seed-color-palette-gray-300);--seed-color-bg-neutral-inverted-pressed:var(--seed-color-palette-gray-800);--seed-color-bg-neutral-solid-muted:var(--seed-color-palette-gray-400);--seed-color-bg-neutral-solid-muted-pressed:var(--seed-color-palette-gray-500);--seed-color-bg-neutral-weak-pressed:var(--seed-color-palette-gray-400);--seed-color-bg-overlay-muted:var(--seed-color-palette-static-black-alpha-500);--seed-color-bg-positive-solid:var(--seed-color-palette-green-500);--seed-color-bg-positive-weak:var(--seed-color-palette-green-100);--seed-color-bg-positive-solid-pressed:var(--seed-color-palette-green-500);--seed-color-bg-positive-weak-pressed:var(--seed-color-palette-green-200);--seed-color-bg-warning-solid:var(--seed-color-palette-yellow-600);--seed-color-bg-warning-weak:var(--seed-color-palette-yellow-100);--seed-color-bg-warning-weak-pressed:var(--seed-color-palette-yellow-200);--seed-color-stroke-brand:var(--seed-color-palette-carrot-300);--seed-color-stroke-control:var(--seed-color-palette-gray-400);--seed-color-stroke-critical:var(--seed-color-palette-red-300);--seed-color-stroke-field:var(--seed-color-palette-gray-400);--seed-color-stroke-informative:var(--seed-color-palette-blue-300);--seed-color-stroke-neutral:var(--seed-color-palette-static-white-alpha-100);--seed-color-stroke-positive:var(--seed-color-palette-green-300);--seed-color-stroke-field-focused:var(--seed-color-palette-gray-800);--seed-color-stroke-neutral-muted:var(--seed-color-palette-static-white-alpha-50);--seed-color-stroke-on-image:var(--seed-color-palette-static-white-alpha-50);--seed-color-manner-temp-l1-bg:#222226;--seed-color-manner-temp-l1-text:#b1b5b9;--seed-color-manner-temp-l2-bg:#16212b;--seed-color-manner-temp-l2-text:#7cbaf4;--seed-color-manner-temp-l3-bg:#12262c;--seed-color-manner-temp-l3-text:#47c3eb;--seed-color-manner-temp-l4-bg:#162822;--seed-color-manner-temp-l4-text:#33cc94;--seed-color-manner-temp-l5-bg:#2e2312;--seed-color-manner-temp-l5-text:#ffa100;--seed-color-manner-temp-l6-bg:#2e1d12;--seed-color-manner-temp-l6-text:#ff9147;--seed-gradient-fade-layer-floating:#1d202500 0%,#000 100%;--seed-gradient-fade-layer-default:#16171b00 0%,#000 100%;--seed-gradient-glow-magic:#2d252d 0%,#3a312b 80%,#333232 100%;--seed-gradient-shimmer-magic:#fff9f500 0%,#fff9f51a 46%,#fff9f51a 54%,#fff9f500 100%;--seed-gradient-glow-magic-pressed:#3e333e 0%,#51453e 80%,#434242 100%;--seed-gradient-shimmer-neutral:#fff0 0%,#ffffff1a 46%,#ffffff1a 54%,#fff0 100%;--seed-gradient-highlight-magic:#f60 20%,#d25aca 100%}@keyframes seed-enter{0%{opacity:var(--seed-enter-opacity,1);transform:translate3d(var(--seed-enter-translate-x,0),var(--seed-enter-translate-y,0),0)scale3d(var(--seed-enter-scale,1),var(--seed-enter-scale,1),var(--seed-enter-scale,1))rotate(var(--seed-enter-rotate,0))}}@keyframes seed-exit{to{opacity:var(--seed-exit-opacity,1);transform:translate3d(var(--seed-exit-translate-x,0),var(--seed-exit-translate-y,0),0)scale3d(var(--seed-exit-scale,1),var(--seed-exit-scale,1),var(--seed-exit-scale,1))rotate(var(--seed-exit-rotate,0))}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slide-x{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes progress-circle-head{0%{stroke-dasharray:0 1000%}75%{stroke-dasharray:var(--circumference),1000%}to{stroke-dasharray:var(--circumference),1000%}}@keyframes progress-circle-tail{0%{stroke-dashoffset:0}33.33%{stroke-dashoffset:0}to{stroke-dashoffset:calc(var(--circumference)*-1)}} \ No newline at end of file +:root{--seed-safe-area-top:0px;--seed-safe-area-bottom:0px}@supports (left:constant(safe-area-inset-left)){:root{--seed-safe-area-top:constant(safe-area-inset-top);--seed-safe-area-bottom:constant(safe-area-inset-bottom)}}@supports (left:env(safe-area-inset-left)){:root{--seed-safe-area-top:env(safe-area-inset-top);--seed-safe-area-bottom:env(safe-area-inset-bottom)}}:root{--seed-font-size-multiplier:1}@supports (font:-apple-system-body){html[data-seed-platform=ios][data-seed-font-scaling=enabled]{--seed-font-size-multiplier:.9412;font:-apple-system-body}}.seed-loading-indicator{display:inline-flex;position:absolute}.seed-icon,.seed-prefix-icon,.seed-suffix-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.seed-icon{width:var(--seed-icon-size);height:var(--seed-icon-size);color:var(--seed-box-color,var(--seed-icon-color,currentColor))}.seed-prefix-icon{width:var(--seed-prefix-icon-size);height:var(--seed-prefix-icon-size);margin-left:var(--seed-prefix-icon-margin-left);margin-right:var(--seed-prefix-icon-margin-right);margin-top:var(--seed-prefix-icon-margin-top);color:var(--seed-box-color,var(--seed-prefix-icon-color,currentColor))}.seed-suffix-icon{width:var(--seed-suffix-icon-size);height:var(--seed-suffix-icon-size);margin-left:var(--seed-suffix-icon-margin-left);margin-right:var(--seed-suffix-icon-margin-right);margin-top:var(--seed-suffix-icon-margin-top);color:var(--seed-box-color,var(--seed-suffix-icon-color,currentColor))}.seed-count{font-size:var(--seed-count-font-size);line-height:var(--seed-count-line-height);font-weight:var(--seed-count-font-weight);color:var(--seed-box-color,var(--seed-count-color))}.seed-box{--seed-box-background:initial;--seed-box-color:initial;background:var(--seed-box-background,var(--seed-box-background));color:var(--seed-box-color,var(--seed-box-color));--seed-box-border-style:solid;--seed-box-border-color:initial;border-style:var(--seed-box-border-style);border-color:var(--seed-box-border-color,var(--seed-box-border-color));--seed-box-border-width:0;--seed-box-border-top-width:var(--seed-box-border-width);--seed-box-border-bottom-width:var(--seed-box-border-width);--seed-box-border-left-width:var(--seed-box-border-width);--seed-box-border-right-width:var(--seed-box-border-width);border-top-width:var(--seed-box-border-top-width);border-bottom-width:var(--seed-box-border-bottom-width);border-left-width:var(--seed-box-border-left-width);border-right-width:var(--seed-box-border-right-width);--seed-box-padding:0;--seed-box-padding-y:var(--seed-box-padding);--seed-box-padding-x:var(--seed-box-padding);--seed-box-padding-bottom:var(--seed-box-padding-y);--seed-box-padding-top:var(--seed-box-padding-y);--seed-box-padding-left:var(--seed-box-padding-x);--seed-box-padding-right:var(--seed-box-padding-x);padding-top:var(--seed-box-padding-top);padding-bottom:var(--seed-box-padding-bottom);padding-left:var(--seed-box-padding-left);padding-right:var(--seed-box-padding-right);--seed-box-bleed-bottom:initial;--seed-box-bleed-top:initial;--seed-box-bleed-left:initial;--seed-box-bleed-right:initial;margin-top:calc(var(--seed-box-bleed-top)*-1);margin-bottom:calc(var(--seed-box-bleed-bottom)*-1);margin-left:calc(var(--seed-box-bleed-left)*-1);margin-right:calc(var(--seed-box-bleed-right)*-1);--seed-box-min-height:initial;--seed-box-max-height:initial;--seed-box-height:initial;--seed-box-min-width:initial;--seed-box-max-width:initial;--seed-box-width:initial;min-height:var(--seed-box-min-height);max-height:var(--seed-box-max-height);height:var(--seed-box-height);min-width:var(--seed-box-min-width);max-width:var(--seed-box-max-width);width:var(--seed-box-width);--seed-box-top:initial;--seed-box-bottom:initial;--seed-box-left:initial;--seed-box-right:initial;top:var(--seed-box-top);bottom:var(--seed-box-bottom);left:var(--seed-box-left);right:var(--seed-box-right);--seed-box-border-radius:initial;--seed-box-border-bottom-left-radius:var(--seed-box-border-radius);--seed-box-border-bottom-right-radius:var(--seed-box-border-radius);--seed-box-border-top-left-radius:var(--seed-box-border-radius);--seed-box-border-top-right-radius:var(--seed-box-border-radius);border-bottom-left-radius:var(--seed-box-border-bottom-left-radius);border-bottom-right-radius:var(--seed-box-border-bottom-right-radius);border-top-left-radius:var(--seed-box-border-top-left-radius);border-top-right-radius:var(--seed-box-border-top-right-radius);--seed-box-display:block;--seed-box-position:initial;display:var(--seed-box-display);position:var(--seed-box-position);--seed-box-unstable-transform:initial;transform:var(--seed-box-unstable-transform);--seed-box-z-index:initial;z-index:var(--seed-box-z-index);--seed-box-overflow-x:initial;--seed-box-overflow-y:initial;overflow-x:var(--seed-box-overflow-x);overflow-y:var(--seed-box-overflow-y);--seed-box-flex-grow:initial;--seed-box-flex-shrink:initial;flex-grow:var(--seed-box-flex-grow);flex-shrink:var(--seed-box-flex-shrink);--seed-box-flex-direction:initial;--seed-box-flex-wrap:initial;--seed-box-justify-content:initial;--seed-box-align-items:stretch;--seed-box-align-content:stretch;--seed-box-align-self:auto;--seed-box-gap:initial;flex-direction:var(--seed-box-flex-direction);flex-wrap:var(--seed-box-flex-wrap);justify-content:var(--seed-box-justify-content);align-items:var(--seed-box-align-items);align-content:var(--seed-box-align-content);align-self:var(--seed-box-align-self);gap:var(--seed-box-gap)}.seed-box:is(:active,[data-active]){--seed-box-background--active:var(--seed-box-background);background:var(--seed-box-background,var(--seed-box-background--active))}.seed-consistent-width:before{content:attr(data-text);visibility:hidden;height:0;font-weight:var(--seed-font-weight-regular);display:block}.seed-consistent-width:after{content:attr(data-text);visibility:hidden;height:0;font-weight:var(--seed-font-weight-bold);display:block}:root,[data-seed-color-mode=system]{color-scheme:light dark}[data-seed-color-mode=light-only]{color-scheme:light}[data-seed-color-mode=dark-only]{color-scheme:dark}:root{--seed-dimension-x0_5:2px;--seed-dimension-x1:4px;--seed-dimension-x1_5:6px;--seed-dimension-x2:8px;--seed-dimension-x2_5:10px;--seed-dimension-x3:12px;--seed-dimension-x3_5:14px;--seed-dimension-x4:16px;--seed-dimension-x4_5:18px;--seed-dimension-x5:20px;--seed-dimension-x6:24px;--seed-dimension-x7:28px;--seed-dimension-x8:32px;--seed-dimension-x9:36px;--seed-dimension-x10:40px;--seed-dimension-x12:48px;--seed-dimension-x13:52px;--seed-dimension-x14:56px;--seed-dimension-x16:64px;--seed-dimension-spacing-x-between-chips:var(--seed-dimension-x2);--seed-dimension-spacing-x-global-gutter:var(--seed-dimension-x4);--seed-dimension-spacing-y-component-default:var(--seed-dimension-x3);--seed-dimension-spacing-y-nav-to-title:var(--seed-dimension-x5);--seed-dimension-spacing-y-screen-bottom:var(--seed-dimension-x14);--seed-dimension-spacing-y-between-text:var(--seed-dimension-x1_5);--seed-duration-d1:50ms;--seed-duration-d2:.1s;--seed-duration-d3:.15s;--seed-duration-d4:.2s;--seed-duration-d5:.25s;--seed-duration-d6:.3s;--seed-font-size-t1:calc(.6875rem*var(--seed-font-size-multiplier));--seed-font-size-t2:calc(.75rem*var(--seed-font-size-multiplier));--seed-font-size-t3:calc(.8125rem*var(--seed-font-size-multiplier));--seed-font-size-t4:calc(.875rem*var(--seed-font-size-multiplier));--seed-font-size-t5:calc(1rem*var(--seed-font-size-multiplier));--seed-font-size-t6:calc(1.125rem*var(--seed-font-size-multiplier));--seed-font-size-t7:calc(1.25rem*var(--seed-font-size-multiplier));--seed-font-size-t8:calc(1.375rem*var(--seed-font-size-multiplier));--seed-font-size-t9:calc(1.5rem*var(--seed-font-size-multiplier));--seed-font-size-t10:calc(1.625rem*var(--seed-font-size-multiplier));--seed-font-size-t2-static:12px;--seed-font-size-t5-static:16px;--seed-font-size-t6-static:18px;--seed-font-weight-regular:400;--seed-font-weight-medium:500;--seed-font-weight-bold:700;--seed-line-height-t1:calc(.9375rem*var(--seed-font-size-multiplier));--seed-line-height-t2:calc(1rem*var(--seed-font-size-multiplier));--seed-line-height-t3:calc(1.125rem*var(--seed-font-size-multiplier));--seed-line-height-t4:calc(1.1875rem*var(--seed-font-size-multiplier));--seed-line-height-t5:calc(1.375rem*var(--seed-font-size-multiplier));--seed-line-height-t6:calc(1.5rem*var(--seed-font-size-multiplier));--seed-line-height-t7:calc(1.6875rem*var(--seed-font-size-multiplier));--seed-line-height-t8:calc(1.875rem*var(--seed-font-size-multiplier));--seed-line-height-t9:calc(2rem*var(--seed-font-size-multiplier));--seed-line-height-t10:calc(2.1875rem*var(--seed-font-size-multiplier));--seed-radius-r0_5:2px;--seed-radius-r1:4px;--seed-radius-r1_5:6px;--seed-radius-r2:8px;--seed-radius-r2_5:10px;--seed-radius-r3:12px;--seed-radius-r3_5:14px;--seed-radius-r4:16px;--seed-radius-r5:20px;--seed-radius-r6:24px;--seed-radius-full:9999px;--seed-timing-function-linear:cubic-bezier(0,0,1,1);--seed-timing-function-easing:cubic-bezier(.35,0,.35,1);--seed-timing-function-enter:cubic-bezier(0,0,.15,1);--seed-timing-function-exit:cubic-bezier(.35,0,1,1);--seed-timing-function-enter-expressive:cubic-bezier(.03,.4,.1,1);--seed-timing-function-exit-expressive:cubic-bezier(.35,0,.95,.55)}:root,:root[data-seed-color-mode=system][data-seed-user-color-scheme=light],:root[data-seed-color-mode=light-only],:root [data-seed-color-mode=light-only]{--seed-color-palette-blue-100:#eff6ff;--seed-color-palette-blue-200:#e2edfc;--seed-color-palette-blue-300:#cbdffa;--seed-color-palette-blue-400:#aacefd;--seed-color-palette-blue-500:#85b8fd;--seed-color-palette-blue-600:#5e98fe;--seed-color-palette-blue-700:#217cf9;--seed-color-palette-blue-800:#135fcd;--seed-color-palette-blue-900:#0b4596;--seed-color-palette-blue-1000:#032451;--seed-color-palette-carrot-100:#fff2ec;--seed-color-palette-carrot-200:#ffe8db;--seed-color-palette-carrot-300:#ffd5c0;--seed-color-palette-carrot-400:#ffb999;--seed-color-palette-carrot-500:#ff9364;--seed-color-palette-carrot-600:#f60;--seed-color-palette-carrot-700:#e14d00;--seed-color-palette-carrot-800:#b93901;--seed-color-palette-carrot-900:#862b00;--seed-color-palette-carrot-1000:#471601;--seed-color-palette-gray-00:#fff;--seed-color-palette-gray-100:#f7f8f9;--seed-color-palette-gray-200:#f3f4f5;--seed-color-palette-gray-300:#eeeff1;--seed-color-palette-gray-400:#dcdee3;--seed-color-palette-gray-500:#d1d3d8;--seed-color-palette-gray-600:#b0b3ba;--seed-color-palette-gray-700:#868b94;--seed-color-palette-gray-800:#555d6d;--seed-color-palette-gray-900:#2a3038;--seed-color-palette-gray-1000:#1a1c20;--seed-color-palette-green-100:#edfaf6;--seed-color-palette-green-200:#d9f6e9;--seed-color-palette-green-300:#b9e9d2;--seed-color-palette-green-400:#7ddcb3;--seed-color-palette-green-500:#42c593;--seed-color-palette-green-600:#10ab7d;--seed-color-palette-green-700:#079171;--seed-color-palette-green-800:#00745f;--seed-color-palette-green-900:#075445;--seed-color-palette-green-1000:#0a2b24;--seed-color-palette-purple-100:#f5f3fe;--seed-color-palette-purple-200:#efeafe;--seed-color-palette-purple-300:#e1d8ff;--seed-color-palette-purple-400:#d0c0ff;--seed-color-palette-purple-500:#b8a1ff;--seed-color-palette-purple-600:#9f84fb;--seed-color-palette-purple-700:#8969ea;--seed-color-palette-purple-800:#6d50cb;--seed-color-palette-purple-900:#50379b;--seed-color-palette-purple-1000:#29175d;--seed-color-palette-red-100:#fdf0f0;--seed-color-palette-red-200:#fde7e7;--seed-color-palette-red-300:#fed4d2;--seed-color-palette-red-400:#feb7b3;--seed-color-palette-red-500:#fe928d;--seed-color-palette-red-600:#fc6a66;--seed-color-palette-red-700:#fa342c;--seed-color-palette-red-800:#ca1d13;--seed-color-palette-red-900:#921708;--seed-color-palette-red-1000:#4a1209;--seed-color-palette-static-black:#000;--seed-color-palette-static-white:#fff;--seed-color-palette-static-black-alpha-100:#00000007;--seed-color-palette-static-black-alpha-200:#0000000c;--seed-color-palette-static-black-alpha-300:#00000010;--seed-color-palette-static-black-alpha-400:#00000021;--seed-color-palette-static-black-alpha-500:#0000002c;--seed-color-palette-static-black-alpha-600:#0000004c;--seed-color-palette-static-black-alpha-700:#00000074;--seed-color-palette-static-black-alpha-800:#000000a2;--seed-color-palette-static-black-alpha-900:#000000d0;--seed-color-palette-static-black-alpha-1000:#000000e3;--seed-color-palette-static-white-alpha-50:#ffffff0d;--seed-color-palette-static-white-alpha-100:#ffffff17;--seed-color-palette-static-white-alpha-200:#ffffff20;--seed-color-palette-static-white-alpha-300:#ffffff2e;--seed-color-palette-static-white-alpha-400:#ffffff3d;--seed-color-palette-static-white-alpha-500:#ffffff60;--seed-color-palette-static-white-alpha-600:#ffffff8b;--seed-color-palette-static-white-alpha-700:#ffffffb3;--seed-color-palette-static-white-alpha-800:#ffffffde;--seed-color-palette-static-white-alpha-900:#ffffffea;--seed-color-palette-static-white-alpha-1000:#fffffff4;--seed-color-palette-yellow-100:#fff7de;--seed-color-palette-yellow-200:#fdefb9;--seed-color-palette-yellow-300:#fbdc65;--seed-color-palette-yellow-400:#e9c647;--seed-color-palette-yellow-500:#d4ab28;--seed-color-palette-yellow-600:#c49725;--seed-color-palette-yellow-700:#9b7821;--seed-color-palette-yellow-800:#755b22;--seed-color-palette-yellow-900:#4f3e1f;--seed-color-palette-yellow-1000:#2c2512;--seed-color-fg-brand:var(--seed-color-palette-carrot-600);--seed-color-fg-critical:var(--seed-color-palette-red-700);--seed-color-fg-disabled:var(--seed-color-palette-gray-500);--seed-color-fg-informative:var(--seed-color-palette-blue-700);--seed-color-fg-neutral:var(--seed-color-palette-gray-1000);--seed-color-fg-placeholder:var(--seed-color-palette-gray-600);--seed-color-fg-positive:var(--seed-color-palette-green-700);--seed-color-fg-critical-contrast:var(--seed-color-palette-red-900);--seed-color-fg-informative-contrast:var(--seed-color-palette-blue-900);--seed-color-fg-neutral-inverted:var(--seed-color-palette-gray-00);--seed-color-fg-neutral-muted:var(--seed-color-palette-gray-800);--seed-color-fg-neutral-subtle:var(--seed-color-palette-gray-700);--seed-color-fg-positive-contrast:var(--seed-color-palette-green-900);--seed-color-fg-warning-contrast:var(--seed-color-palette-yellow-900);--seed-color-bg-disabled:var(--seed-color-palette-gray-200);--seed-color-bg-overlay:var(--seed-color-palette-static-black-alpha-700);--seed-color-bg-brand-solid:var(--seed-color-palette-carrot-600);--seed-color-bg-brand-solid-pressed:var(--seed-color-palette-carrot-700);--seed-color-bg-critical-solid:var(--seed-color-palette-red-700);--seed-color-bg-critical-weak:var(--seed-color-palette-red-100);--seed-color-bg-critical-solid-pressed:var(--seed-color-palette-red-800);--seed-color-bg-critical-weak-pressed:var(--seed-color-palette-red-200);--seed-color-bg-informative-solid:var(--seed-color-palette-blue-700);--seed-color-bg-informative-weak:var(--seed-color-palette-blue-100);--seed-color-bg-informative-solid-pressed:var(--seed-color-palette-blue-800);--seed-color-bg-informative-weak-pressed:var(--seed-color-palette-blue-200);--seed-color-bg-layer-basement:var(--seed-color-palette-gray-200);--seed-color-bg-layer-default:var(--seed-color-palette-gray-00);--seed-color-bg-layer-fill:var(--seed-color-palette-gray-100);--seed-color-bg-layer-floating:var(--seed-color-palette-gray-00);--seed-color-bg-layer-default-pressed:var(--seed-color-palette-gray-100);--seed-color-bg-layer-floating-pressed:var(--seed-color-palette-gray-100);--seed-color-bg-magic-weak:#f9f2ee;--seed-color-bg-neutral-inverted:var(--seed-color-palette-gray-900);--seed-color-bg-neutral-solid:var(--seed-color-palette-gray-1000);--seed-color-bg-neutral-weak:var(--seed-color-palette-gray-200);--seed-color-bg-neutral-inverted-pressed:var(--seed-color-palette-gray-800);--seed-color-bg-neutral-solid-muted:var(--seed-color-palette-gray-800);--seed-color-bg-neutral-solid-muted-pressed:var(--seed-color-palette-gray-900);--seed-color-bg-neutral-weak-pressed:var(--seed-color-palette-gray-300);--seed-color-bg-overlay-muted:var(--seed-color-palette-static-black-alpha-500);--seed-color-bg-positive-solid:var(--seed-color-palette-green-700);--seed-color-bg-positive-weak:var(--seed-color-palette-green-100);--seed-color-bg-positive-solid-pressed:var(--seed-color-palette-green-800);--seed-color-bg-positive-weak-pressed:var(--seed-color-palette-green-200);--seed-color-bg-warning-solid:var(--seed-color-palette-yellow-300);--seed-color-bg-warning-weak:var(--seed-color-palette-yellow-100);--seed-color-bg-warning-weak-pressed:var(--seed-color-palette-yellow-200);--seed-color-stroke-brand:var(--seed-color-palette-carrot-300);--seed-color-stroke-control:var(--seed-color-palette-gray-400);--seed-color-stroke-critical:var(--seed-color-palette-red-300);--seed-color-stroke-field:var(--seed-color-palette-gray-400);--seed-color-stroke-informative:var(--seed-color-palette-blue-300);--seed-color-stroke-neutral:var(--seed-color-palette-static-black-alpha-300);--seed-color-stroke-positive:var(--seed-color-palette-green-300);--seed-color-stroke-field-focused:var(--seed-color-palette-gray-800);--seed-color-stroke-neutral-muted:var(--seed-color-palette-static-black-alpha-200);--seed-color-stroke-on-image:var(--seed-color-palette-static-black-alpha-200);--seed-color-manner-temp-l1-bg:#eff0f1;--seed-color-manner-temp-l1-text:#62666a;--seed-color-manner-temp-l2-bg:#e7f2fc;--seed-color-manner-temp-l2-text:#2592f7;--seed-color-manner-temp-l3-bg:#e3f6fc;--seed-color-manner-temp-l3-text:#0099c8;--seed-color-manner-temp-l4-bg:#ebf9f4;--seed-color-manner-temp-l4-text:#03a07e;--seed-color-manner-temp-l5-bg:#fff5e5;--seed-color-manner-temp-l5-text:#d28500;--seed-color-manner-temp-l6-bg:#fff0e5;--seed-color-manner-temp-l6-text:#f06000;--seed-gradient-fade-layer-floating:#fff0 0%,#000 100%;--seed-gradient-fade-layer-default:#fff0 0%,#000 100%;--seed-gradient-glow-magic:#fef6f7 0%,#fef0e7 80%,#f9f7f5 100%;--seed-gradient-shimmer-magic:#fff9f500 0%,#fff9f58a 46%,#fff9f58a 54%,#fff9f500 100%;--seed-gradient-glow-magic-pressed:#fbf0f2 0%,#ffe8db 80%,#f5f2ef 100%;--seed-gradient-shimmer-neutral:#fff0 0%,#fff6 46%,#fff6 54%,#fff0 100%;--seed-gradient-highlight-magic:#f60 20%,#d25aca 100%}:root[data-seed-color-mode=system][data-seed-user-color-scheme=dark],:root[data-seed-color-mode=dark-only],:root [data-seed-color-mode=dark-only]{--seed-color-palette-blue-100:#202742;--seed-color-palette-blue-200:#1e3352;--seed-color-palette-blue-300:#1a4275;--seed-color-palette-blue-400:#0f559e;--seed-color-palette-blue-500:#1964d8;--seed-color-palette-blue-600:#1e82eb;--seed-color-palette-blue-700:#41a2f9;--seed-color-palette-blue-800:#83bcf9;--seed-color-palette-blue-900:#b9d7fb;--seed-color-palette-blue-1000:#e5f0fe;--seed-color-palette-carrot-100:#31241f;--seed-color-palette-carrot-200:#4b291c;--seed-color-palette-carrot-300:#6b311c;--seed-color-palette-carrot-400:#923600;--seed-color-palette-carrot-500:#bd4201;--seed-color-palette-carrot-600:#e65200;--seed-color-palette-carrot-700:#f60;--seed-color-palette-carrot-800:#ff9e65;--seed-color-palette-carrot-900:#eecebc;--seed-color-palette-carrot-1000:#f4eeea;--seed-color-palette-gray-00:#000;--seed-color-palette-gray-100:#16171b;--seed-color-palette-gray-200:#1d2025;--seed-color-palette-gray-300:#2b2e35;--seed-color-palette-gray-400:#393d46;--seed-color-palette-gray-500:#5b606a;--seed-color-palette-gray-600:#868b94;--seed-color-palette-gray-700:#b0b3ba;--seed-color-palette-gray-800:#dcdee3;--seed-color-palette-gray-900:#e9eaec;--seed-color-palette-gray-1000:#f3f4f5;--seed-color-palette-green-100:#202926;--seed-color-palette-green-200:#20362e;--seed-color-palette-green-300:#20493b;--seed-color-palette-green-400:#19604c;--seed-color-palette-green-500:#117956;--seed-color-palette-green-600:#1b946d;--seed-color-palette-green-700:#22b27f;--seed-color-palette-green-800:#35ce9a;--seed-color-palette-green-900:#93e5c0;--seed-color-palette-green-1000:#d4f6ef;--seed-color-palette-purple-100:#28213b;--seed-color-palette-purple-200:#3b2873;--seed-color-palette-purple-300:#443081;--seed-color-palette-purple-400:#5a3bb1;--seed-color-palette-purple-500:#764fd9;--seed-color-palette-purple-600:#8e6bee;--seed-color-palette-purple-700:#a78df0;--seed-color-palette-purple-800:#beadf2;--seed-color-palette-purple-900:#d9cefa;--seed-color-palette-purple-1000:#f0edfc;--seed-color-palette-red-100:#322323;--seed-color-palette-red-200:#4f2624;--seed-color-palette-red-300:#742826;--seed-color-palette-red-400:#a12621;--seed-color-palette-red-500:#ca2319;--seed-color-palette-red-600:#f73526;--seed-color-palette-red-700:#ff6e60;--seed-color-palette-red-800:#ffa299;--seed-color-palette-red-900:#f8c5c3;--seed-color-palette-red-1000:#fdf2f2;--seed-color-palette-static-black:#000;--seed-color-palette-static-white:#fff;--seed-color-palette-static-black-alpha-100:#00000007;--seed-color-palette-static-black-alpha-200:#0000000c;--seed-color-palette-static-black-alpha-300:#00000010;--seed-color-palette-static-black-alpha-400:#00000021;--seed-color-palette-static-black-alpha-500:#0000002c;--seed-color-palette-static-black-alpha-600:#0000004c;--seed-color-palette-static-black-alpha-700:#00000074;--seed-color-palette-static-black-alpha-800:#000000a2;--seed-color-palette-static-black-alpha-900:#000000d0;--seed-color-palette-static-black-alpha-1000:#000000e3;--seed-color-palette-static-white-alpha-50:#ffffff0d;--seed-color-palette-static-white-alpha-100:#ffffff17;--seed-color-palette-static-white-alpha-200:#ffffff20;--seed-color-palette-static-white-alpha-300:#ffffff2e;--seed-color-palette-static-white-alpha-400:#ffffff3d;--seed-color-palette-static-white-alpha-500:#ffffff60;--seed-color-palette-static-white-alpha-600:#ffffff8b;--seed-color-palette-static-white-alpha-700:#ffffffb3;--seed-color-palette-static-white-alpha-800:#ffffffde;--seed-color-palette-static-white-alpha-900:#ffffffea;--seed-color-palette-static-white-alpha-1000:#fffffff4;--seed-color-palette-yellow-100:#302819;--seed-color-palette-yellow-200:#413218;--seed-color-palette-yellow-300:#543e15;--seed-color-palette-yellow-400:#714e15;--seed-color-palette-yellow-500:#91601b;--seed-color-palette-yellow-600:#b6720d;--seed-color-palette-yellow-700:#ca901c;--seed-color-palette-yellow-800:#dab156;--seed-color-palette-yellow-900:#e5d49b;--seed-color-palette-yellow-1000:#f7f0cd;--seed-color-fg-brand:var(--seed-color-palette-carrot-700);--seed-color-fg-critical:var(--seed-color-palette-red-700);--seed-color-fg-disabled:var(--seed-color-palette-gray-500);--seed-color-fg-informative:var(--seed-color-palette-blue-700);--seed-color-fg-neutral:var(--seed-color-palette-gray-1000);--seed-color-fg-placeholder:var(--seed-color-palette-gray-600);--seed-color-fg-positive:var(--seed-color-palette-green-700);--seed-color-fg-critical-contrast:var(--seed-color-palette-red-900);--seed-color-fg-informative-contrast:var(--seed-color-palette-blue-900);--seed-color-fg-neutral-inverted:var(--seed-color-palette-gray-100);--seed-color-fg-neutral-muted:var(--seed-color-palette-gray-800);--seed-color-fg-neutral-subtle:var(--seed-color-palette-gray-700);--seed-color-fg-positive-contrast:var(--seed-color-palette-green-900);--seed-color-fg-warning-contrast:var(--seed-color-palette-yellow-900);--seed-color-bg-disabled:var(--seed-color-palette-gray-300);--seed-color-bg-overlay:var(--seed-color-palette-static-black-alpha-700);--seed-color-bg-brand-solid:var(--seed-color-palette-carrot-700);--seed-color-bg-brand-solid-pressed:var(--seed-color-palette-carrot-800);--seed-color-bg-critical-solid:var(--seed-color-palette-red-600);--seed-color-bg-critical-weak:var(--seed-color-palette-red-100);--seed-color-bg-critical-solid-pressed:var(--seed-color-palette-red-700);--seed-color-bg-critical-weak-pressed:var(--seed-color-palette-red-200);--seed-color-bg-informative-solid:var(--seed-color-palette-blue-600);--seed-color-bg-informative-weak:var(--seed-color-palette-blue-100);--seed-color-bg-informative-solid-pressed:var(--seed-color-palette-blue-700);--seed-color-bg-informative-weak-pressed:var(--seed-color-palette-blue-200);--seed-color-bg-layer-basement:var(--seed-color-palette-gray-00);--seed-color-bg-layer-default:var(--seed-color-palette-gray-100);--seed-color-bg-layer-fill:var(--seed-color-palette-gray-200);--seed-color-bg-layer-floating:var(--seed-color-palette-gray-200);--seed-color-bg-layer-default-pressed:var(--seed-color-palette-gray-300);--seed-color-bg-layer-floating-pressed:var(--seed-color-palette-gray-300);--seed-color-bg-magic-weak:#201f1f;--seed-color-bg-neutral-inverted:var(--seed-color-palette-gray-1000);--seed-color-bg-neutral-solid:var(--seed-color-palette-gray-300);--seed-color-bg-neutral-weak:var(--seed-color-palette-gray-300);--seed-color-bg-neutral-inverted-pressed:var(--seed-color-palette-gray-800);--seed-color-bg-neutral-solid-muted:var(--seed-color-palette-gray-400);--seed-color-bg-neutral-solid-muted-pressed:var(--seed-color-palette-gray-500);--seed-color-bg-neutral-weak-pressed:var(--seed-color-palette-gray-400);--seed-color-bg-overlay-muted:var(--seed-color-palette-static-black-alpha-500);--seed-color-bg-positive-solid:var(--seed-color-palette-green-500);--seed-color-bg-positive-weak:var(--seed-color-palette-green-100);--seed-color-bg-positive-solid-pressed:var(--seed-color-palette-green-500);--seed-color-bg-positive-weak-pressed:var(--seed-color-palette-green-200);--seed-color-bg-warning-solid:var(--seed-color-palette-yellow-600);--seed-color-bg-warning-weak:var(--seed-color-palette-yellow-100);--seed-color-bg-warning-weak-pressed:var(--seed-color-palette-yellow-200);--seed-color-stroke-brand:var(--seed-color-palette-carrot-300);--seed-color-stroke-control:var(--seed-color-palette-gray-400);--seed-color-stroke-critical:var(--seed-color-palette-red-300);--seed-color-stroke-field:var(--seed-color-palette-gray-400);--seed-color-stroke-informative:var(--seed-color-palette-blue-300);--seed-color-stroke-neutral:var(--seed-color-palette-static-white-alpha-100);--seed-color-stroke-positive:var(--seed-color-palette-green-300);--seed-color-stroke-field-focused:var(--seed-color-palette-gray-800);--seed-color-stroke-neutral-muted:var(--seed-color-palette-static-white-alpha-50);--seed-color-stroke-on-image:var(--seed-color-palette-static-white-alpha-50);--seed-color-manner-temp-l1-bg:#222226;--seed-color-manner-temp-l1-text:#b1b5b9;--seed-color-manner-temp-l2-bg:#16212b;--seed-color-manner-temp-l2-text:#7cbaf4;--seed-color-manner-temp-l3-bg:#12262c;--seed-color-manner-temp-l3-text:#47c3eb;--seed-color-manner-temp-l4-bg:#162822;--seed-color-manner-temp-l4-text:#33cc94;--seed-color-manner-temp-l5-bg:#2e2312;--seed-color-manner-temp-l5-text:#ffa100;--seed-color-manner-temp-l6-bg:#2e1d12;--seed-color-manner-temp-l6-text:#ff9147;--seed-gradient-fade-layer-floating:#1d202500 0%,#000 100%;--seed-gradient-fade-layer-default:#16171b00 0%,#000 100%;--seed-gradient-glow-magic:#2d252d 0%,#3a312b 80%,#333232 100%;--seed-gradient-shimmer-magic:#fff9f500 0%,#fff9f51a 46%,#fff9f51a 54%,#fff9f500 100%;--seed-gradient-glow-magic-pressed:#3e333e 0%,#51453e 80%,#434242 100%;--seed-gradient-shimmer-neutral:#fff0 0%,#ffffff1a 46%,#ffffff1a 54%,#fff0 100%;--seed-gradient-highlight-magic:#f60 20%,#d25aca 100%}@keyframes seed-enter{0%{opacity:var(--seed-enter-opacity,1);transform:translate3d(var(--seed-enter-translate-x,0),var(--seed-enter-translate-y,0),0)scale3d(var(--seed-enter-scale,1),var(--seed-enter-scale,1),var(--seed-enter-scale,1))rotate(var(--seed-enter-rotate,0))}}@keyframes seed-exit{to{opacity:var(--seed-exit-opacity,1);transform:translate3d(var(--seed-exit-translate-x,0),var(--seed-exit-translate-y,0),0)scale3d(var(--seed-exit-scale,1),var(--seed-exit-scale,1),var(--seed-exit-scale,1))rotate(var(--seed-exit-rotate,0))}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slide-x{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes progress-circle-head{0%{stroke-dasharray:0 1000%}75%{stroke-dasharray:var(--circumference),1000%}to{stroke-dasharray:var(--circumference),1000%}}@keyframes progress-circle-tail{0%{stroke-dashoffset:0}33.33%{stroke-dashoffset:0}to{stroke-dashoffset:calc(var(--circumference)*-1)}} \ No newline at end of file diff --git a/packages/css/recipes/action-button.css b/packages/css/recipes/action-button.css index b4ce27e620..a122046baf 100644 --- a/packages/css/recipes/action-button.css +++ b/packages/css/recipes/action-button.css @@ -46,8 +46,8 @@ font-weight: var(--seed-font-weight-bold); } .seed-action-button--variant_brandSolid { - background: var(--seed-color-bg-brand-solid); - color: var(--seed-color-palette-static-white); + background: var(--seed-box-background, var(--seed-color-bg-brand-solid)); + color: var(--seed-box-color, var(--seed-color-palette-static-white)); --seed-prefix-icon-color: var(--seed-color-palette-static-white); --seed-suffix-icon-color: var(--seed-color-palette-static-white); --seed-icon-color: var(--seed-color-palette-static-white); @@ -55,21 +55,21 @@ --range-color: var(--seed-color-palette-static-white); } .seed-action-button--variant_brandSolid:is(:active, [data-active]) { - background: var(--seed-color-bg-brand-solid-pressed); + background: var(--seed-box-background, var(--seed-color-bg-brand-solid-pressed)); } .seed-action-button--variant_brandSolid:is(:disabled, [disabled], [data-disabled]) { - background: var(--seed-color-bg-disabled); - color: var(--seed-color-fg-disabled); + background: var(--seed-box-background, var(--seed-color-bg-disabled)); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); --seed-prefix-icon-color: var(--seed-color-fg-disabled); --seed-suffix-icon-color: var(--seed-color-fg-disabled); --seed-icon-color: var(--seed-color-fg-disabled); } .seed-action-button--variant_brandSolid[data-loading] { - background: var(--seed-color-bg-brand-solid-pressed); + background: var(--seed-box-background, var(--seed-color-bg-brand-solid-pressed)); } .seed-action-button--variant_neutralSolid { - background: var(--seed-color-bg-neutral-inverted); - color: var(--seed-color-fg-neutral-inverted); + background: var(--seed-box-background, var(--seed-color-bg-neutral-inverted)); + color: var(--seed-box-color, var(--seed-color-fg-neutral-inverted)); --seed-prefix-icon-color: var(--seed-color-fg-neutral-inverted); --seed-suffix-icon-color: var(--seed-color-fg-neutral-inverted); --seed-icon-color: var(--seed-color-fg-neutral-inverted); @@ -77,21 +77,21 @@ --range-color: var(--seed-color-palette-static-white); } .seed-action-button--variant_neutralSolid:is(:active, [data-active]) { - background: var(--seed-color-bg-neutral-inverted-pressed); + background: var(--seed-box-background, var(--seed-color-bg-neutral-inverted-pressed)); } .seed-action-button--variant_neutralSolid:is(:disabled, [disabled], [data-disabled]) { - background: var(--seed-color-bg-disabled); - color: var(--seed-color-fg-disabled); + background: var(--seed-box-background, var(--seed-color-bg-disabled)); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); --seed-prefix-icon-color: var(--seed-color-fg-disabled); --seed-suffix-icon-color: var(--seed-color-fg-disabled); --seed-icon-color: var(--seed-color-fg-disabled); } .seed-action-button--variant_neutralSolid[data-loading] { - background: var(--seed-color-bg-neutral-inverted-pressed); + background: var(--seed-box-background, var(--seed-color-bg-neutral-inverted-pressed)); } .seed-action-button--variant_neutralWeak { - background: var(--seed-color-bg-neutral-weak); - color: var(--seed-color-fg-neutral); + background: var(--seed-box-background, var(--seed-color-bg-neutral-weak)); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); --seed-prefix-icon-color: var(--seed-color-fg-neutral); --seed-suffix-icon-color: var(--seed-color-fg-neutral); --seed-icon-color: var(--seed-color-fg-neutral); @@ -99,21 +99,21 @@ --range-color: var(--seed-color-fg-neutral); } .seed-action-button--variant_neutralWeak:is(:active, [data-active]) { - background: var(--seed-color-bg-neutral-weak-pressed); + background: var(--seed-box-background, var(--seed-color-bg-neutral-weak-pressed)); } .seed-action-button--variant_neutralWeak:is(:disabled, [disabled], [data-disabled]) { - background: var(--seed-color-bg-disabled); - color: var(--seed-color-fg-disabled); + background: var(--seed-box-background, var(--seed-color-bg-disabled)); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); --seed-prefix-icon-color: var(--seed-color-fg-disabled); --seed-suffix-icon-color: var(--seed-color-fg-disabled); --seed-icon-color: var(--seed-color-fg-disabled); } .seed-action-button--variant_neutralWeak[data-loading] { - background: var(--seed-color-bg-neutral-weak-pressed); + background: var(--seed-box-background, var(--seed-color-bg-neutral-weak-pressed)); } .seed-action-button--variant_criticalSolid { - background: var(--seed-color-bg-critical-solid); - color: var(--seed-color-palette-static-white); + background: var(--seed-box-background, var(--seed-color-bg-critical-solid)); + color: var(--seed-box-color, var(--seed-color-palette-static-white)); --seed-prefix-icon-color: var(--seed-color-palette-static-white); --seed-suffix-icon-color: var(--seed-color-palette-static-white); --seed-icon-color: var(--seed-color-palette-static-white); @@ -121,24 +121,24 @@ --range-color: var(--seed-color-palette-static-white); } .seed-action-button--variant_criticalSolid:is(:active, [data-active]) { - background: var(--seed-color-bg-critical-solid-pressed); + background: var(--seed-box-background, var(--seed-color-bg-critical-solid-pressed)); } .seed-action-button--variant_criticalSolid:is(:disabled, [disabled], [data-disabled]) { - background: var(--seed-color-bg-disabled); - color: var(--seed-color-fg-disabled); + background: var(--seed-box-background, var(--seed-color-bg-disabled)); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); --seed-prefix-icon-color: var(--seed-color-fg-disabled); --seed-suffix-icon-color: var(--seed-color-fg-disabled); --seed-icon-color: var(--seed-color-fg-disabled); } .seed-action-button--variant_criticalSolid[data-loading] { - background: var(--seed-color-bg-critical-solid-pressed); + background: var(--seed-box-background, var(--seed-color-bg-critical-solid-pressed)); } .seed-action-button--variant_brandOutline { border-style: solid; - background: var(--seed-color-bg-layer-default); + background: var(--seed-box-background, var(--seed-color-bg-layer-default)); border-width: 1px; - border-color: var(--seed-color-stroke-neutral); - color: var(--seed-color-fg-brand); + border-color: var(--seed-box-border-color, var(--seed-color-stroke-neutral)); + color: var(--seed-box-color, var(--seed-color-fg-brand)); --seed-prefix-icon-color: var(--seed-color-fg-brand); --seed-suffix-icon-color: var(--seed-color-fg-brand); --seed-icon-color: var(--seed-color-fg-brand); @@ -146,25 +146,25 @@ --range-color: var(--seed-color-bg-brand-solid); } .seed-action-button--variant_brandOutline:is(:active, [data-active]) { - background: var(--seed-color-bg-layer-default-pressed); + background: var(--seed-box-background, var(--seed-color-bg-layer-default-pressed)); } .seed-action-button--variant_brandOutline:is(:disabled, [disabled], [data-disabled]) { - background: var(--seed-color-bg-layer-default); - border-color: var(--seed-color-stroke-neutral); - color: var(--seed-color-fg-disabled); + background: var(--seed-box-background, var(--seed-color-bg-layer-default)); + border-color: var(--seed-box-border-color, var(--seed-color-stroke-neutral)); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); --seed-prefix-icon-color: var(--seed-color-fg-disabled); --seed-suffix-icon-color: var(--seed-color-fg-disabled); --seed-icon-color: var(--seed-color-fg-disabled); } .seed-action-button--variant_brandOutline[data-loading] { - background: var(--seed-color-bg-layer-default); + background: var(--seed-box-background, var(--seed-color-bg-layer-default)); } .seed-action-button--variant_neutralOutline { border-style: solid; - background: var(--seed-color-bg-layer-default); + background: var(--seed-box-background, var(--seed-color-bg-layer-default)); border-width: 1px; - border-color: var(--seed-color-stroke-neutral); - color: var(--seed-color-fg-neutral); + border-color: var(--seed-box-border-color, var(--seed-color-stroke-neutral)); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); --seed-prefix-icon-color: var(--seed-color-fg-neutral); --seed-suffix-icon-color: var(--seed-color-fg-neutral); --seed-icon-color: var(--seed-color-fg-neutral); @@ -172,23 +172,23 @@ --range-color: var(--seed-color-fg-neutral); } .seed-action-button--variant_neutralOutline:is(:active, [data-active]) { - background: var(--seed-color-bg-layer-default-pressed); + background: var(--seed-box-background, var(--seed-color-bg-layer-default-pressed)); } .seed-action-button--variant_neutralOutline:is(:disabled, [disabled], [data-disabled]) { - background: var(--seed-color-bg-layer-default); - border-color: var(--seed-color-stroke-neutral); - color: var(--seed-color-fg-disabled); + background: var(--seed-box-background, var(--seed-color-bg-layer-default)); + border-color: var(--seed-box-border-color, var(--seed-color-stroke-neutral)); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); --seed-prefix-icon-color: var(--seed-color-fg-disabled); --seed-suffix-icon-color: var(--seed-color-fg-disabled); --seed-icon-color: var(--seed-color-fg-disabled); } .seed-action-button--variant_neutralOutline[data-loading] { - background: var(--seed-color-bg-layer-default); + background: var(--seed-box-background, var(--seed-color-bg-layer-default)); } .seed-action-button--variant_ghost { - background: #ffffff00; + background: var(--seed-box-background, #ffffff00); --seed-box-color: var(--seed-color-fg-neutral); - color: var(--seed-box-color); + color: var(--seed-box-color, var(--seed-box-color)); --seed-prefix-icon-color: var(--seed-box-color); --seed-suffix-icon-color: var(--seed-box-color); --seed-icon-color: var(--seed-box-color); @@ -196,17 +196,17 @@ --range-color: var(--seed-color-fg-neutral); } .seed-action-button--variant_ghost:is(:active, [data-active]) { - background: var(--seed-color-bg-layer-default-pressed); + background: var(--seed-box-background, var(--seed-color-bg-layer-default-pressed)); } .seed-action-button--variant_ghost:is(:disabled, [disabled], [data-disabled]) { - background: #ffffff00; - color: var(--seed-color-fg-disabled); + background: var(--seed-box-background, #ffffff00); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); --seed-prefix-icon-color: var(--seed-color-fg-disabled); --seed-suffix-icon-color: var(--seed-color-fg-disabled); --seed-icon-color: var(--seed-color-fg-disabled); } .seed-action-button--variant_ghost[data-loading] { - background: var(--seed-color-bg-layer-default-pressed); + background: var(--seed-box-background, var(--seed-color-bg-layer-default-pressed)); } .seed-action-button--size_xsmall { height: var(--seed-dimension-x8); diff --git a/packages/css/recipes/action-chip.css b/packages/css/recipes/action-chip.css index 6c68d2f063..ce3df425a9 100644 --- a/packages/css/recipes/action-chip.css +++ b/packages/css/recipes/action-chip.css @@ -15,8 +15,8 @@ line-height: 1; font-weight: var(--seed-font-weight-medium); border-radius: var(--seed-radius-full); - background: var(--seed-color-bg-neutral-weak); - color: var(--seed-color-fg-neutral); + background: var(--seed-box-background, var(--seed-color-bg-neutral-weak)); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); --seed-prefix-icon-color: var(--seed-color-fg-neutral); --seed-suffix-icon-color: var(--seed-color-fg-neutral-subtle); --seed-icon-color: var(--seed-color-fg-neutral); @@ -24,14 +24,14 @@ --seed-count-color: var(--seed-color-fg-neutral-muted); } .seed-action-chip:is(:active, [data-active]) { - background: var(--seed-color-bg-neutral-weak-pressed); + background: var(--seed-box-background, var(--seed-color-bg-neutral-weak-pressed)); } .seed-action-chip:is(:focus, [data-focus]) { outline: none; } .seed-action-chip:is(:disabled, [disabled], [data-disabled]) { - background: var(--seed-color-bg-disabled); - color: var(--seed-color-fg-disabled); + background: var(--seed-box-background, var(--seed-color-bg-disabled)); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); cursor: not-allowed; --seed-prefix-icon-color: var(--seed-color-fg-disabled); --seed-suffix-icon-color: var(--seed-color-fg-disabled); diff --git a/packages/css/recipes/action-sheet-item.css b/packages/css/recipes/action-sheet-item.css index 0fbcc78ceb..bb21ac769c 100644 --- a/packages/css/recipes/action-sheet-item.css +++ b/packages/css/recipes/action-sheet-item.css @@ -3,7 +3,7 @@ align-items: center; justify-content: center; position: relative; - background-color: var(--seed-color-bg-layer-floating); + background-color: var(--seed-box-background, var(--seed-color-bg-layer-floating)); min-height: 50px; padding-inline: var(--seed-dimension-spacing-x-global-gutter); padding-block: var(--seed-dimension-x3_5); @@ -12,7 +12,7 @@ font-weight: var(--seed-font-weight-regular); } .seed-action-sheet-item:is(:active, [data-active]) { - background-color: var(--seed-color-bg-layer-floating-pressed); + background-color: var(--seed-box-background, var(--seed-color-bg-layer-floating-pressed)); } .seed-action-sheet-item:after { content: ''; @@ -22,11 +22,11 @@ right: var(--seed-dimension-spacing-x-global-gutter); bottom: 0; height: 1px; - background: var(--seed-color-stroke-neutral); + background: var(--seed-box-background, var(--seed-color-stroke-neutral)); } .seed-action-sheet-item--tone_neutral { - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); } .seed-action-sheet-item--tone_critical { - color: var(--seed-color-fg-critical); + color: var(--seed-box-color, var(--seed-color-fg-critical)); } \ No newline at end of file diff --git a/packages/css/recipes/action-sheet.css b/packages/css/recipes/action-sheet.css index 565aadded8..266dd57c12 100644 --- a/packages/css/recipes/action-sheet.css +++ b/packages/css/recipes/action-sheet.css @@ -11,7 +11,7 @@ .seed-action-sheet__backdrop { position: fixed; inset: 0; - background: var(--seed-color-bg-overlay); + background: var(--seed-box-background, var(--seed-color-bg-overlay)); z-index: calc(var(--sheet-z-index) + var(--layer-index, 0)); } .seed-action-sheet__backdrop:not(:is([data-state="open"], [data-open])) { @@ -42,7 +42,7 @@ word-break: break-all; overflow: hidden; z-index: calc(var(--sheet-z-index) + var(--layer-index, 0)); - background: var(--seed-color-bg-layer-floating); + background: var(--seed-box-background, var(--seed-color-bg-layer-floating)); border-top-left-radius: var(--seed-radius-r5); border-top-right-radius: var(--seed-radius-r5); } @@ -82,16 +82,16 @@ right: var(--seed-dimension-spacing-x-global-gutter); bottom: 0; height: 1px; - background: var(--seed-color-stroke-neutral); + background: var(--seed-box-background, var(--seed-color-stroke-neutral)); } .seed-action-sheet__title { - color: var(--seed-color-fg-neutral-muted); + color: var(--seed-box-color, var(--seed-color-fg-neutral-muted)); font-size: var(--seed-font-size-t4); line-height: var(--seed-line-height-t4); font-weight: var(--seed-font-weight-bold); } .seed-action-sheet__description { - color: var(--seed-color-fg-neutral-muted); + color: var(--seed-box-color, var(--seed-color-fg-neutral-muted)); font-size: var(--seed-font-size-t3); line-height: var(--seed-line-height-t3); font-weight: var(--seed-font-weight-regular); @@ -105,15 +105,15 @@ display: flex; align-items: center; justify-content: center; - background-color: var(--seed-color-bg-layer-floating); + background-color: var(--seed-box-background, var(--seed-color-bg-layer-floating)); min-height: 50px; padding-inline: var(--seed-dimension-spacing-x-global-gutter); padding-block: var(--seed-dimension-x3_5); - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); font-size: var(--seed-font-size-t5); line-height: var(--seed-line-height-t5); font-weight: var(--seed-font-weight-bold); } .seed-action-sheet__closeButton:is(:active, [data-active]) { - background-color: var(--seed-color-bg-layer-floating-pressed); + background-color: var(--seed-box-background, var(--seed-color-bg-layer-floating-pressed)); } \ No newline at end of file diff --git a/packages/css/recipes/app-bar-main.css b/packages/css/recipes/app-bar-main.css index 4a360fbedb..bbd4964430 100644 --- a/packages/css/recipes/app-bar-main.css +++ b/packages/css/recipes/app-bar-main.css @@ -123,20 +123,20 @@ opacity: calc(1 - var(--swipe-back-displacement-ratio, 0)) } .seed-app-bar-main__root--tone_layer { - color: var(--seed-color-fg-neutral) + color: var(--seed-box-color, var(--seed-color-fg-neutral)) } .seed-app-bar-main__title--tone_layer { - color: var(--seed-color-fg-neutral) + color: var(--seed-box-color, var(--seed-color-fg-neutral)) } .seed-app-bar-main__subtitle--tone_layer { - color: var(--seed-color-fg-neutral-muted) + color: var(--seed-box-color, var(--seed-color-fg-neutral-muted)) } .seed-app-bar-main__root--tone_transparent { - color: var(--seed-color-palette-static-white) + color: var(--seed-box-color, var(--seed-color-palette-static-white)) } .seed-app-bar-main__title--tone_transparent { - color: var(--seed-color-palette-static-white) + color: var(--seed-box-color, var(--seed-color-palette-static-white)) } .seed-app-bar-main__subtitle--tone_transparent { - color: var(--seed-color-palette-static-white) + color: var(--seed-box-color, var(--seed-color-palette-static-white)) } \ No newline at end of file diff --git a/packages/css/recipes/app-bar.css b/packages/css/recipes/app-bar.css index 0e13edcabf..5c6cef5f5d 100644 --- a/packages/css/recipes/app-bar.css +++ b/packages/css/recipes/app-bar.css @@ -201,16 +201,16 @@ --seed-exit-scale: 1; } .seed-app-bar__root--tone_layer:before { - background-color: var(--seed-color-bg-layer-default); + background-color: var(--seed-box-background, var(--seed-color-bg-layer-default)); } .seed-app-bar__icon--tone_layer { - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); } .seed-app-bar__root--tone_transparent:before { - background-color: #00000000; + background-color: var(--seed-box-background, #00000000); } .seed-app-bar__icon--tone_transparent { - color: var(--seed-color-palette-static-white); + color: var(--seed-box-color, var(--seed-color-palette-static-white)); } .seed-app-bar__root--divider_true:before { box-shadow: inset 0px calc(-1 * 1px) 0 var(--seed-color-stroke-neutral-muted); diff --git a/packages/css/recipes/app-screen.css b/packages/css/recipes/app-screen.css index f0bc6de2bd..8041a0843b 100644 --- a/packages/css/recipes/app-screen.css +++ b/packages/css/recipes/app-screen.css @@ -30,7 +30,7 @@ display: none; } .seed-app-screen__layer { - background-color: var(--seed-color-bg-layer-default); + background-color: var(--seed-box-background, var(--seed-color-bg-layer-default)); } .seed-app-screen__edge { z-index: var(--z-index-edge); @@ -45,7 +45,7 @@ } .seed-app-screen__dim--theme_cupertino { height: 100%; - background: var(--seed-color-bg-overlay); + background: var(--seed-box-background, var(--seed-color-bg-overlay)); } .seed-app-screen__root--theme_android { --app-bar-height: 56px; @@ -176,7 +176,7 @@ } .seed-app-screen__dim--transitionStyle_fadeFromBottomAndroid { height: 160px; - background: linear-gradient(var(--seed-color-bg-overlay), rgba(0, 0, 0, 0)); + background: var(--seed-box-background, linear-gradient(var(--seed-color-bg-overlay), rgba(0, 0, 0, 0))); } [data-global-transition-state=enter-active] .seed-app-screen__dim--transitionStyle_fadeFromBottomAndroid[data-activity-is-top] { animation: seed-enter; diff --git a/packages/css/recipes/badge.css b/packages/css/recipes/badge.css index 4e24266661..ec2a372ae4 100644 --- a/packages/css/recipes/badge.css +++ b/packages/css/recipes/badge.css @@ -40,62 +40,62 @@ .seed-badge--tone_positive {} .seed-badge--tone_critical {} .seed-badge--tone_neutral-variant_weak { - background-color: var(--seed-color-bg-neutral-weak); - color: var(--seed-color-fg-neutral-muted) + background-color: var(--seed-box-background, var(--seed-color-bg-neutral-weak)); + color: var(--seed-box-color, var(--seed-color-fg-neutral-muted)) } .seed-badge--tone_neutral-variant_solid { - background-color: var(--seed-color-palette-gray-800); - color: var(--seed-color-fg-neutral-inverted) + background-color: var(--seed-box-background, var(--seed-color-palette-gray-800)); + color: var(--seed-box-color, var(--seed-color-fg-neutral-inverted)) } .seed-badge--tone_neutral-variant_outline { box-shadow: inset 0 0 0 1px var(--seed-color-stroke-neutral); - color: var(--seed-color-fg-neutral-muted) + color: var(--seed-box-color, var(--seed-color-fg-neutral-muted)) } .seed-badge--tone_brand-variant_weak { - background-color: var(--seed-color-palette-carrot-100); - color: var(--seed-color-palette-carrot-900) + background-color: var(--seed-box-background, var(--seed-color-palette-carrot-100)); + color: var(--seed-box-color, var(--seed-color-palette-carrot-900)) } .seed-badge--tone_brand-variant_solid { - background-color: var(--seed-color-bg-brand-solid); - color: var(--seed-color-palette-static-white) + background-color: var(--seed-box-background, var(--seed-color-bg-brand-solid)); + color: var(--seed-box-color, var(--seed-color-palette-static-white)) } .seed-badge--tone_brand-variant_outline { box-shadow: inset 0 0 0 1px var(--seed-color-stroke-brand); - color: var(--seed-color-fg-brand) + color: var(--seed-box-color, var(--seed-color-fg-brand)) } .seed-badge--tone_informative-variant_weak { - background-color: var(--seed-color-bg-informative-weak); - color: var(--seed-color-fg-informative-contrast) + background-color: var(--seed-box-background, var(--seed-color-bg-informative-weak)); + color: var(--seed-box-color, var(--seed-color-fg-informative-contrast)) } .seed-badge--tone_informative-variant_solid { - background-color: var(--seed-color-bg-informative-solid); - color: var(--seed-color-palette-static-white) + background-color: var(--seed-box-background, var(--seed-color-bg-informative-solid)); + color: var(--seed-box-color, var(--seed-color-palette-static-white)) } .seed-badge--tone_informative-variant_outline { box-shadow: inset 0 0 0 1px var(--seed-color-stroke-informative); - color: var(--seed-color-fg-informative) + color: var(--seed-box-color, var(--seed-color-fg-informative)) } .seed-badge--tone_positive-variant_weak { - background-color: var(--seed-color-bg-positive-weak); - color: var(--seed-color-fg-positive-contrast) + background-color: var(--seed-box-background, var(--seed-color-bg-positive-weak)); + color: var(--seed-box-color, var(--seed-color-fg-positive-contrast)) } .seed-badge--tone_positive-variant_solid { - background-color: var(--seed-color-bg-positive-solid); - color: var(--seed-color-palette-static-white) + background-color: var(--seed-box-background, var(--seed-color-bg-positive-solid)); + color: var(--seed-box-color, var(--seed-color-palette-static-white)) } .seed-badge--tone_positive-variant_outline { box-shadow: inset 0 0 0 1px var(--seed-color-stroke-positive); - color: var(--seed-color-fg-positive) + color: var(--seed-box-color, var(--seed-color-fg-positive)) } .seed-badge--tone_critical-variant_weak { - background-color: var(--seed-color-bg-critical-weak); - color: var(--seed-color-fg-critical-contrast) + background-color: var(--seed-box-background, var(--seed-color-bg-critical-weak)); + color: var(--seed-box-color, var(--seed-color-fg-critical-contrast)) } .seed-badge--tone_critical-variant_solid { - background-color: var(--seed-color-bg-critical-solid); - color: var(--seed-color-palette-static-white) + background-color: var(--seed-box-background, var(--seed-color-bg-critical-solid)); + color: var(--seed-box-color, var(--seed-color-palette-static-white)) } .seed-badge--tone_critical-variant_outline { box-shadow: inset 0 0 0 1px var(--seed-color-stroke-critical); - color: var(--seed-color-fg-critical) + color: var(--seed-box-color, var(--seed-color-fg-critical)) } \ No newline at end of file diff --git a/packages/css/recipes/bottom-sheet.css b/packages/css/recipes/bottom-sheet.css index 8dbb5eb1d4..d01a6bef94 100644 --- a/packages/css/recipes/bottom-sheet.css +++ b/packages/css/recipes/bottom-sheet.css @@ -11,7 +11,7 @@ .seed-bottom-sheet__backdrop { position: fixed; inset: 0; - background: var(--seed-color-bg-overlay); + background: var(--seed-box-background, var(--seed-color-bg-overlay)); z-index: calc(var(--sheet-z-index) + var(--layer-index, 0)); } .seed-bottom-sheet__backdrop:not(:is([data-state="open"], [data-open])) { @@ -41,7 +41,7 @@ box-sizing: border-box; word-break: break-all; z-index: calc(var(--sheet-z-index) + var(--layer-index, 0)); - background: var(--seed-color-bg-layer-floating); + background: var(--seed-box-background, var(--seed-color-bg-layer-floating)); border-top-left-radius: var(--seed-radius-r6); border-top-right-radius: var(--seed-radius-r6); } @@ -72,14 +72,14 @@ padding-bottom: var(--seed-dimension-x4); } .seed-bottom-sheet__title { - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); font-size: var(--seed-font-size-t8); line-height: var(--seed-line-height-t8); font-weight: var(--seed-font-weight-bold); margin: 0; } .seed-bottom-sheet__description { - color: var(--seed-color-fg-neutral-muted); + color: var(--seed-box-color, var(--seed-color-fg-neutral-muted)); font-size: var(--seed-font-size-t5); line-height: var(--seed-line-height-t5); font-weight: var(--seed-font-weight-regular); @@ -117,7 +117,7 @@ top: var(--seed-dimension-x5); right: var(--seed-dimension-x5); border-radius: var(--seed-radius-full); - background: var(--seed-color-bg-neutral-weak); + background: var(--seed-box-background, var(--seed-color-bg-neutral-weak)); width: 28px; height: 28px; --seed-icon-size: 14px; diff --git a/packages/css/recipes/callout.css b/packages/css/recipes/callout.css index e92a2c312a..420919992e 100644 --- a/packages/css/recipes/callout.css +++ b/packages/css/recipes/callout.css @@ -40,7 +40,7 @@ .seed-callout__link { font-family: inherit; display: inline-block; - background-color: transparent; + background-color: var(--seed-box-background, transparent); padding: 0; border: none; cursor: pointer; @@ -52,7 +52,7 @@ } .seed-callout__closeButton { border: none; - background-color: transparent; + background-color: var(--seed-box-background, transparent); padding: 0; cursor: pointer; flex-grow: 0; @@ -65,72 +65,72 @@ margin: calc((var(--seed-dimension-x10) - var(--seed-dimension-x4)) * -0.5); } .seed-callout__root--tone_neutral { - background-color: var(--seed-color-bg-neutral-weak); + background-color: var(--seed-box-background, var(--seed-color-bg-neutral-weak)); --seed-prefix-icon-color: var(--seed-color-fg-neutral); --seed-suffix-icon-color: var(--seed-color-fg-neutral); } .seed-callout__root--tone_neutral:is(button):is(:active, [data-active]) { - background-color: var(--seed-color-bg-neutral-weak-pressed); + background-color: var(--seed-box-background, var(--seed-color-bg-neutral-weak-pressed)); } .seed-callout__title--tone_neutral { - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); } .seed-callout__description--tone_neutral { - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); } .seed-callout__link--tone_neutral { - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); } .seed-callout__root--tone_informative { - background-color: var(--seed-color-bg-informative-weak); + background-color: var(--seed-box-background, var(--seed-color-bg-informative-weak)); --seed-prefix-icon-color: var(--seed-color-fg-informative-contrast); --seed-suffix-icon-color: var(--seed-color-fg-informative-contrast); } .seed-callout__root--tone_informative:is(button):is(:active, [data-active]) { - background-color: var(--seed-color-bg-informative-weak-pressed); + background-color: var(--seed-box-background, var(--seed-color-bg-informative-weak-pressed)); } .seed-callout__title--tone_informative { - color: var(--seed-color-fg-informative-contrast); + color: var(--seed-box-color, var(--seed-color-fg-informative-contrast)); } .seed-callout__description--tone_informative { - color: var(--seed-color-fg-informative-contrast); + color: var(--seed-box-color, var(--seed-color-fg-informative-contrast)); } .seed-callout__link--tone_informative { - color: var(--seed-color-fg-informative-contrast); + color: var(--seed-box-color, var(--seed-color-fg-informative-contrast)); } .seed-callout__root--tone_warning { - background-color: var(--seed-color-bg-warning-weak); + background-color: var(--seed-box-background, var(--seed-color-bg-warning-weak)); --seed-prefix-icon-color: var(--seed-color-fg-warning-contrast); --seed-suffix-icon-color: var(--seed-color-fg-warning-contrast); } .seed-callout__root--tone_warning:is(button):is(:active, [data-active]) { - background-color: var(--seed-color-bg-warning-weak-pressed); + background-color: var(--seed-box-background, var(--seed-color-bg-warning-weak-pressed)); } .seed-callout__title--tone_warning { - color: var(--seed-color-fg-warning-contrast); + color: var(--seed-box-color, var(--seed-color-fg-warning-contrast)); } .seed-callout__description--tone_warning { - color: var(--seed-color-fg-warning-contrast); + color: var(--seed-box-color, var(--seed-color-fg-warning-contrast)); } .seed-callout__link--tone_warning { - color: var(--seed-color-fg-warning-contrast); + color: var(--seed-box-color, var(--seed-color-fg-warning-contrast)); } .seed-callout__root--tone_critical { - background-color: var(--seed-color-bg-critical-weak); + background-color: var(--seed-box-background, var(--seed-color-bg-critical-weak)); --seed-prefix-icon-color: var(--seed-color-fg-critical-contrast); --seed-suffix-icon-color: var(--seed-color-fg-critical-contrast); } .seed-callout__root--tone_critical:is(button):is(:active, [data-active]) { - background-color: var(--seed-color-bg-critical-weak-pressed); + background-color: var(--seed-box-background, var(--seed-color-bg-critical-weak-pressed)); } .seed-callout__title--tone_critical { - color: var(--seed-color-fg-critical-contrast); + color: var(--seed-box-color, var(--seed-color-fg-critical-contrast)); } .seed-callout__description--tone_critical { - color: var(--seed-color-fg-critical-contrast); + color: var(--seed-box-color, var(--seed-color-fg-critical-contrast)); } .seed-callout__link--tone_critical { - color: var(--seed-color-fg-critical-contrast); + color: var(--seed-box-color, var(--seed-color-fg-critical-contrast)); } .seed-callout__root--tone_magic { background-image: linear-gradient(88deg, var(--seed-gradient-glow-magic)); @@ -141,11 +141,11 @@ background-image: linear-gradient(88deg, var(--seed-gradient-glow-magic-pressed)); } .seed-callout__title--tone_magic { - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); } .seed-callout__description--tone_magic { - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); } .seed-callout__link--tone_magic { - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); } \ No newline at end of file diff --git a/packages/css/recipes/checkbox.css b/packages/css/recipes/checkbox.css index 4dccd9daee..feb2558cd4 100644 --- a/packages/css/recipes/checkbox.css +++ b/packages/css/recipes/checkbox.css @@ -29,7 +29,7 @@ overflow: initial; } .seed-checkbox__label { - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); } .seed-checkbox__label--weight_default { font-weight: var(--seed-font-weight-regular); @@ -40,69 +40,69 @@ .seed-checkbox__control--variant_square { border-width: 1px; border-style: solid; - border-color: var(--seed-color-stroke-control); + border-color: var(--seed-box-border-color, var(--seed-color-stroke-control)); } .seed-checkbox__control--variant_square:is(:checked, :indeterminate, [data-checked], [data-indeterminate]) { - background: var(--seed-color-bg-brand-solid); + background: var(--seed-box-background, var(--seed-color-bg-brand-solid)); border-width: 0; } .seed-checkbox__control--variant_square:is(:active, [data-active]) { - background: var(--seed-color-bg-layer-default-pressed); + background: var(--seed-box-background, var(--seed-color-bg-layer-default-pressed)); } .seed-checkbox__control--variant_square:is(:active, [data-active]):is(:checked, :indeterminate, [data-checked], [data-indeterminate]) { - background: var(--seed-color-bg-brand-solid-pressed); + background: var(--seed-box-background, var(--seed-color-bg-brand-solid-pressed)); } .seed-checkbox__control--variant_square:is(:disabled, [disabled], [data-disabled]) { - background: var(--seed-color-bg-disabled); - border-color: var(--seed-color-stroke-neutral); + background: var(--seed-box-background, var(--seed-color-bg-disabled)); + border-color: var(--seed-box-border-color, var(--seed-color-stroke-neutral)); } .seed-checkbox__control--variant_square:is(:disabled, [disabled], [data-disabled]):is(:active, [data-active]) { - background: var(--seed-color-bg-disabled); + background: var(--seed-box-background, var(--seed-color-bg-disabled)); } .seed-checkbox__icon--variant_square:is(:checked, :indeterminate, [data-checked], [data-indeterminate]) { display: block; - color: var(--seed-color-palette-static-white); + color: var(--seed-box-color, var(--seed-color-palette-static-white)); } .seed-checkbox__icon--variant_square:is(:disabled, [disabled], [data-disabled]):is(:checked, :indeterminate, [data-checked], [data-indeterminate]) { display: block; - color: var(--seed-color-fg-disabled); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); } .seed-checkbox__label--variant_square:is(:disabled, [disabled], [data-disabled]) { - color: var(--seed-color-fg-disabled); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); } .seed-checkbox__control--variant_ghost { - background: none; + background: var(--seed-box-background, none); } .seed-checkbox__control--variant_ghost:is(:checked, :indeterminate, [data-checked], [data-indeterminate]) { - background: none; + background: var(--seed-box-background, none); } .seed-checkbox__control--variant_ghost:is(:active, [data-active]) { - background: var(--seed-color-bg-layer-default-pressed); + background: var(--seed-box-background, var(--seed-color-bg-layer-default-pressed)); } .seed-checkbox__control--variant_ghost:is(:active, [data-active]):is(:checked, :indeterminate, [data-checked], [data-indeterminate]) { - background: var(--seed-color-palette-carrot-200); + background: var(--seed-box-background, var(--seed-color-palette-carrot-200)); } .seed-checkbox__control--variant_ghost:is(:disabled, [disabled], [data-disabled]):is(:checked, :indeterminate, [data-checked], [data-indeterminate]) { - background: none; + background: var(--seed-box-background, none); } .seed-checkbox__control--variant_ghost:is(:disabled, [disabled], [data-disabled]):is(:active, [data-active]) { - background: none; + background: var(--seed-box-background, none); } .seed-checkbox__icon--variant_ghost { display: block; - color: var(--seed-color-fg-placeholder); + color: var(--seed-box-color, var(--seed-color-fg-placeholder)); } .seed-checkbox__icon--variant_ghost:is(:checked, :indeterminate, [data-checked], [data-indeterminate]) { - color: var(--seed-color-fg-brand); + color: var(--seed-box-color, var(--seed-color-fg-brand)); } .seed-checkbox__icon--variant_ghost:is(:disabled, [disabled], [data-disabled]):is(:checked, :indeterminate, [data-checked], [data-indeterminate]) { - color: var(--seed-color-fg-disabled); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); } .seed-checkbox__icon--variant_ghost:is(:disabled, [disabled], [data-disabled]) { - color: var(--seed-color-fg-disabled); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); } .seed-checkbox__label--variant_ghost:is(:disabled, [disabled], [data-disabled]) { - color: var(--seed-color-fg-disabled); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); } .seed-checkbox__root--size_large { min-height: var(--seed-dimension-x9); diff --git a/packages/css/recipes/chip-tabs.css b/packages/css/recipes/chip-tabs.css index f9e17bf170..b20522205c 100644 --- a/packages/css/recipes/chip-tabs.css +++ b/packages/css/recipes/chip-tabs.css @@ -55,54 +55,54 @@ gap: 0px; } .seed-chip-tabs__trigger--variant_neutralSolid { - background-color: transparent; - color: var(--seed-color-fg-neutral); + background-color: var(--seed-box-background, transparent); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); font-weight: var(--seed-font-weight-bold); } .seed-chip-tabs__trigger--variant_neutralSolid:is(:selected, [data-selected]) { - background-color: var(--seed-color-bg-neutral-inverted); - color: var(--seed-color-fg-neutral-inverted); + background-color: var(--seed-box-background, var(--seed-color-bg-neutral-inverted)); + color: var(--seed-box-color, var(--seed-color-fg-neutral-inverted)); } .seed-chip-tabs__trigger--variant_neutralSolid:is(:active, [data-active]) { - background-color: var(--seed-color-bg-layer-default-pressed); + background-color: var(--seed-box-background, var(--seed-color-bg-layer-default-pressed)); } .seed-chip-tabs__trigger--variant_neutralSolid:is(:selected, [data-selected]):is(:active, [data-active]) { - background-color: var(--seed-color-bg-neutral-inverted-pressed); + background-color: var(--seed-box-background, var(--seed-color-bg-neutral-inverted-pressed)); } .seed-chip-tabs__trigger--variant_neutralSolid:is(:disabled, [disabled], [data-disabled]) { cursor: not-allowed; - color: var(--seed-color-fg-disabled); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); } .seed-chip-tabs__trigger--variant_neutralSolid:is(:disabled, [disabled], [data-disabled]):is(:selected, [data-selected]) { - background-color: var(--seed-color-bg-disabled); - color: var(--seed-color-fg-disabled); + background-color: var(--seed-box-background, var(--seed-color-bg-disabled)); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); } .seed-chip-tabs__list--variant_brandSolid { gap: 8px; } .seed-chip-tabs__trigger--variant_brandSolid { - background-color: var(--seed-color-bg-neutral-weak); - color: var(--seed-color-fg-neutral-muted); + background-color: var(--seed-box-background, var(--seed-color-bg-neutral-weak)); + color: var(--seed-box-color, var(--seed-color-fg-neutral-muted)); font-weight: var(--seed-font-weight-medium); } .seed-chip-tabs__trigger--variant_brandSolid:is(:selected, [data-selected]) { - background-color: var(--seed-color-bg-brand-solid); - color: var(--seed-color-palette-static-white); + background-color: var(--seed-box-background, var(--seed-color-bg-brand-solid)); + color: var(--seed-box-color, var(--seed-color-palette-static-white)); font-weight: var(--seed-font-weight-bold); } .seed-chip-tabs__trigger--variant_brandSolid:is(:active, [data-active]) { - background-color: var(--seed-color-bg-neutral-weak-pressed); + background-color: var(--seed-box-background, var(--seed-color-bg-neutral-weak-pressed)); } .seed-chip-tabs__trigger--variant_brandSolid:is(:selected, [data-selected]):is(:active, [data-active]) { - background-color: var(--seed-color-bg-brand-solid-pressed); + background-color: var(--seed-box-background, var(--seed-color-bg-brand-solid-pressed)); } .seed-chip-tabs__trigger--variant_brandSolid:is(:disabled, [disabled], [data-disabled]) { cursor: not-allowed; - background-color: var(--seed-color-bg-disabled); - color: var(--seed-color-fg-disabled); + background-color: var(--seed-box-background, var(--seed-color-bg-disabled)); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); } .seed-chip-tabs__trigger--variant_brandSolid:is(:disabled, [disabled], [data-disabled]):is(:selected, [data-selected]) { - background-color: var(--seed-color-bg-disabled); + background-color: var(--seed-box-background, var(--seed-color-bg-disabled)); } .seed-chip-tabs__root--contentLayout_fill { display: flex; diff --git a/packages/css/recipes/chip.css b/packages/css/recipes/chip.css index 6454341381..af836f0736 100644 --- a/packages/css/recipes/chip.css +++ b/packages/css/recipes/chip.css @@ -32,7 +32,7 @@ justify-content: center; font-weight: var(--seed-font-weight-medium); padding-inline: var(--seed-dimension-x1_5); - color: inherit; + color: var(--seed-box-color, inherit); } .seed-chip__prefixIcon { display: inline-flex; @@ -54,23 +54,23 @@ --seed-icon-color: inherit; } .seed-chip__root--variant_solid { - background: var(--seed-color-bg-neutral-weak); - color: var(--seed-color-fg-neutral); + background: var(--seed-box-background, var(--seed-color-bg-neutral-weak)); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); } .seed-chip__root--variant_solid:is(:checked, [data-checked]) { box-shadow: none; - background: var(--seed-color-bg-neutral-inverted); - color: var(--seed-color-fg-neutral-inverted); + background: var(--seed-box-background, var(--seed-color-bg-neutral-inverted)); + color: var(--seed-box-color, var(--seed-color-fg-neutral-inverted)); --seed-icon-color: var(--seed-color-fg-neutral-inverted); } .seed-chip__root--variant_solid:is(:active, [data-active]):not(:is(:disabled, [disabled], [data-disabled])) { - background: var(--seed-color-bg-neutral-weak-pressed); - color: var(--seed-color-fg-neutral); + background: var(--seed-box-background, var(--seed-color-bg-neutral-weak-pressed)); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); --seed-icon-color: var(--seed-color-fg-neutral); } .seed-chip__root--variant_solid:is(:checked, [data-checked]):is(:active, [data-active]):not(:is(:disabled, [disabled], [data-disabled])) { - background: var(--seed-color-bg-neutral-inverted-pressed); - color: var(--seed-color-fg-neutral-inverted); + background: var(--seed-box-background, var(--seed-color-bg-neutral-inverted-pressed)); + color: var(--seed-box-color, var(--seed-color-fg-neutral-inverted)); --seed-icon-color: var(--seed-color-fg-neutral-inverted); } .seed-chip__root--variant_solid:is(:disabled, [disabled], [data-disabled]) { @@ -80,23 +80,23 @@ --seed-icon-color: var(--seed-color-fg-neutral); } .seed-chip__root--variant_outlineStrong { - background: var(--seed-color-bg-layer-default); + background: var(--seed-box-background, var(--seed-color-bg-layer-default)); box-shadow: inset 0 0 0 1px var(--seed-color-stroke-neutral); - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); } .seed-chip__root--variant_outlineStrong:is(:active, [data-active]):not(:is(:disabled, [disabled], [data-disabled])) { - background: var(--seed-color-bg-layer-default-pressed); - color: var(--seed-color-fg-neutral); + background: var(--seed-box-background, var(--seed-color-bg-layer-default-pressed)); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); --seed-icon-color: var(--seed-color-fg-neutral); } .seed-chip__root--variant_outlineStrong:is(:checked, [data-checked]) { - background: var(--seed-color-bg-neutral-inverted); - color: var(--seed-color-fg-neutral-inverted); + background: var(--seed-box-background, var(--seed-color-bg-neutral-inverted)); + color: var(--seed-box-color, var(--seed-color-fg-neutral-inverted)); --seed-icon-color: var(--seed-color-fg-neutral-inverted); } .seed-chip__root--variant_outlineStrong:is(:checked, [data-checked]):is(:active, [data-active]):not(:is(:disabled, [disabled], [data-disabled])) { - background: var(--seed-color-bg-neutral-inverted-pressed); - color: var(--seed-color-fg-neutral-inverted); + background: var(--seed-box-background, var(--seed-color-bg-neutral-inverted-pressed)); + color: var(--seed-box-color, var(--seed-color-fg-neutral-inverted)); --seed-icon-color: var(--seed-color-fg-neutral-inverted); } .seed-chip__root--variant_outlineStrong:is(:disabled, [disabled], [data-disabled]) { @@ -106,26 +106,26 @@ --seed-icon-color: var(--seed-color-fg-neutral); } .seed-chip__root--variant_outlineWeak { - background: var(--seed-color-bg-layer-default); + background: var(--seed-box-background, var(--seed-color-bg-layer-default)); box-shadow: inset 0 0 0 1px var(--seed-color-stroke-neutral); - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); } .seed-chip__root--variant_outlineWeak:is(:active, [data-active]):not(:is(:disabled, [disabled], [data-disabled])) { - background: var(--seed-color-bg-layer-default-pressed); + background: var(--seed-box-background, var(--seed-color-bg-layer-default-pressed)); box-shadow: inset 0 0 0 1px var(--seed-color-stroke-neutral); - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); --seed-icon-color: var(--seed-color-fg-neutral); } .seed-chip__root--variant_outlineWeak:is(:checked, [data-checked]) { - background: var(--seed-color-bg-neutral-weak); + background: var(--seed-box-background, var(--seed-color-bg-neutral-weak)); box-shadow: inset 0 0 0 1px var(--seed-color-stroke-field-focused); - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); --seed-icon-color: var(--seed-color-fg-neutral); } .seed-chip__root--variant_outlineWeak:is(:checked, [data-checked]):is(:active, [data-active]):not(:is(:disabled, [disabled], [data-disabled])) { - background: var(--seed-color-bg-neutral-weak-pressed); + background: var(--seed-box-background, var(--seed-color-bg-neutral-weak-pressed)); box-shadow: inset 0 0 0 1px var(--seed-color-stroke-field-focused); - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); --seed-icon-color: var(--seed-color-fg-neutral); } .seed-chip__root--variant_outlineWeak:is(:disabled, [disabled], [data-disabled]) { diff --git a/packages/css/recipes/contextual-floating-button.css b/packages/css/recipes/contextual-floating-button.css index 05461249a6..a4bf791e67 100644 --- a/packages/css/recipes/contextual-floating-button.css +++ b/packages/css/recipes/contextual-floating-button.css @@ -41,44 +41,44 @@ transition: background-color var(--seed-duration-d4) var(--seed-timing-function-easing); } .seed-contextual-floating-button--variant_solid { - background: var(--seed-color-bg-neutral-inverted); - color: var(--seed-color-fg-neutral-inverted); + background: var(--seed-box-background, var(--seed-color-bg-neutral-inverted)); + color: var(--seed-box-color, var(--seed-color-fg-neutral-inverted)); --seed-icon-color: var(--seed-color-fg-neutral-inverted); --seed-prefix-icon-color: var(--seed-color-fg-neutral-inverted); --track-color: var(--seed-color-palette-gray-700); --range-color: var(--seed-color-fg-neutral-inverted); } .seed-contextual-floating-button--variant_solid:is(:active, [data-active]) { - background: var(--seed-color-bg-neutral-inverted-pressed); + background: var(--seed-box-background, var(--seed-color-bg-neutral-inverted-pressed)); } .seed-contextual-floating-button--variant_solid:is(:disabled, [disabled], [data-disabled]) { - background: var(--seed-color-bg-disabled); - color: var(--seed-color-fg-disabled); + background: var(--seed-box-background, var(--seed-color-bg-disabled)); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); --seed-prefix-icon-color: var(--seed-color-fg-disabled); --seed-icon-color: var(--seed-color-fg-disabled); } .seed-contextual-floating-button--variant_solid[data-loading] { - background: var(--seed-color-bg-neutral-inverted-pressed); + background: var(--seed-box-background, var(--seed-color-bg-neutral-inverted-pressed)); } .seed-contextual-floating-button--variant_layer { - background: var(--seed-color-bg-layer-floating); - color: var(--seed-color-fg-neutral); + background: var(--seed-box-background, var(--seed-color-bg-layer-floating)); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); --seed-icon-color: var(--seed-color-fg-neutral); --seed-prefix-icon-color: var(--seed-color-fg-neutral); --track-color: var(--seed-color-palette-gray-500); --range-color: var(--seed-color-fg-neutral); } .seed-contextual-floating-button--variant_layer:is(:active, [data-active]) { - background: var(--seed-color-bg-layer-floating-pressed); + background: var(--seed-box-background, var(--seed-color-bg-layer-floating-pressed)); } .seed-contextual-floating-button--variant_layer:is(:disabled, [disabled], [data-disabled]) { - background: var(--seed-color-bg-disabled); - color: var(--seed-color-fg-disabled); + background: var(--seed-box-background, var(--seed-color-bg-disabled)); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); --seed-prefix-icon-color: var(--seed-color-fg-disabled); --seed-icon-color: var(--seed-color-fg-disabled); } .seed-contextual-floating-button--variant_layer[data-loading] { - background: var(--seed-color-bg-layer-floating-pressed); + background: var(--seed-box-background, var(--seed-color-bg-layer-floating-pressed)); } .seed-contextual-floating-button--layout_withText { min-height: 36px; diff --git a/packages/css/recipes/control-chip.css b/packages/css/recipes/control-chip.css index a804cea9c7..494dad4c31 100644 --- a/packages/css/recipes/control-chip.css +++ b/packages/css/recipes/control-chip.css @@ -14,7 +14,7 @@ line-height: 1; border-radius: var(--seed-radius-full); box-shadow: inset 0 0 0 1px var(--seed-color-stroke-neutral); - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); font-weight: var(--seed-font-weight-medium); --seed-prefix-icon-color: var(--seed-color-fg-neutral); --seed-suffix-icon-color: var(--seed-color-fg-neutral-subtle); @@ -26,12 +26,12 @@ outline: none; } .seed-control-chip:is(:active, [data-active]) { - background: var(--seed-color-bg-layer-default-pressed); + background: var(--seed-box-background, var(--seed-color-bg-layer-default-pressed)); } .seed-control-chip:is(:checked, [data-checked]) { box-shadow: none; - background: var(--seed-color-bg-neutral-solid-muted); - color: var(--seed-color-palette-static-white); + background: var(--seed-box-background, var(--seed-color-bg-neutral-solid-muted)); + color: var(--seed-box-color, var(--seed-color-palette-static-white)); font-weight: var(--seed-font-weight-bold); --seed-prefix-icon-color: var(--seed-color-palette-static-white); --seed-suffix-icon-color: var(--seed-color-palette-static-white); @@ -39,12 +39,12 @@ --seed-count-color: var(--seed-color-palette-static-white-alpha-800); } .seed-control-chip:is(:checked, [data-checked]):is(:active, [data-active]) { - background: var(--seed-color-bg-neutral-solid-muted-pressed); + background: var(--seed-box-background, var(--seed-color-bg-neutral-solid-muted-pressed)); } .seed-control-chip:is(:disabled, [disabled], [data-disabled]) { cursor: not-allowed; - background: var(--seed-color-bg-disabled); - color: var(--seed-color-fg-disabled); + background: var(--seed-box-background, var(--seed-color-bg-disabled)); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); --seed-prefix-icon-color: var(--seed-color-fg-disabled); --seed-suffix-icon-color: var(--seed-color-fg-disabled); --seed-icon-color: var(--seed-color-fg-disabled); diff --git a/packages/css/recipes/dialog.css b/packages/css/recipes/dialog.css index 985f54b7c0..fc5bb3099c 100644 --- a/packages/css/recipes/dialog.css +++ b/packages/css/recipes/dialog.css @@ -11,7 +11,7 @@ .seed-dialog__backdrop { position: fixed; inset: 0; - background: var(--seed-color-bg-overlay); + background: var(--seed-box-background, var(--seed-color-bg-overlay)); z-index: calc(var(--dialog-z-index) + var(--layer-index, 0)); } .seed-dialog__backdrop:is([data-state="open"], [data-open]) { @@ -41,7 +41,7 @@ box-sizing: border-box; word-break: break-all; z-index: calc(var(--dialog-z-index) + var(--layer-index, 0)); - background: var(--seed-color-bg-layer-floating); + background: var(--seed-box-background, var(--seed-color-bg-layer-floating)); max-width: 272px; margin: auto var(--seed-dimension-x8); border-radius: var(--seed-radius-r5); @@ -73,14 +73,14 @@ gap: var(--seed-dimension-x1_5); } .seed-dialog__title { - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); font-size: var(--seed-font-size-t7); line-height: var(--seed-line-height-t7); font-weight: var(--seed-font-weight-bold); margin: 0; } .seed-dialog__description { - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); font-size: var(--seed-font-size-t5); line-height: var(--seed-line-height-t5); font-weight: var(--seed-font-weight-regular); diff --git a/packages/css/recipes/extended-action-sheet-item.css b/packages/css/recipes/extended-action-sheet-item.css index 25c55e4248..a99e6ed7ab 100644 --- a/packages/css/recipes/extended-action-sheet-item.css +++ b/packages/css/recipes/extended-action-sheet-item.css @@ -2,7 +2,7 @@ display: flex; align-items: center; justify-content: flex-start; - background-color: var(--seed-color-bg-neutral-weak); + background-color: var(--seed-box-background, var(--seed-color-bg-neutral-weak)); min-height: 52px; padding-inline: var(--seed-dimension-x4); padding-block: var(--seed-dimension-x3_5); @@ -13,7 +13,7 @@ font-weight: var(--seed-font-weight-regular); } .seed-extended-action-sheet-item:is(:active, [data-active]) { - background-color: var(--seed-color-bg-neutral-weak-pressed); + background-color: var(--seed-box-background, var(--seed-color-bg-neutral-weak-pressed)); } .seed-extended-action-sheet-item:last-child { box-shadow: none; @@ -22,10 +22,10 @@ --seed-prefix-icon-size: 22px; } .seed-extended-action-sheet-item--tone_neutral { - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); --seed-prefix-icon-color: var(--seed-color-fg-neutral); } .seed-extended-action-sheet-item--tone_critical { - color: var(--seed-color-fg-critical); + color: var(--seed-box-color, var(--seed-color-fg-critical)); --seed-prefix-icon-color: var(--seed-color-fg-critical); } \ No newline at end of file diff --git a/packages/css/recipes/extended-action-sheet.css b/packages/css/recipes/extended-action-sheet.css index 0b585d30a0..d9718b0bda 100644 --- a/packages/css/recipes/extended-action-sheet.css +++ b/packages/css/recipes/extended-action-sheet.css @@ -11,7 +11,7 @@ .seed-extended-action-sheet__backdrop { position: fixed; inset: 0; - background: var(--seed-color-bg-overlay); + background: var(--seed-box-background, var(--seed-color-bg-overlay)); z-index: calc(var(--sheet-z-index) + var(--layer-index, 0)); } .seed-extended-action-sheet__backdrop:not(:is([data-state="open"], [data-open])) { @@ -41,7 +41,7 @@ box-sizing: border-box; word-break: break-all; z-index: calc(var(--sheet-z-index) + var(--layer-index, 0)); - background: var(--seed-color-bg-layer-floating); + background: var(--seed-box-background, var(--seed-color-bg-layer-floating)); padding-inline: var(--seed-dimension-spacing-x-global-gutter); padding-block: var(--seed-dimension-x4); border-top-left-radius: var(--seed-radius-r5); @@ -74,7 +74,7 @@ padding-bottom: var(--seed-dimension-x4); } .seed-extended-action-sheet__title { - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); font-size: var(--seed-font-size-t6); line-height: var(--seed-line-height-t6); font-weight: var(--seed-font-weight-bold); @@ -102,16 +102,16 @@ display: flex; align-items: center; justify-content: center; - background-color: var(--seed-color-bg-neutral-weak); + background-color: var(--seed-box-background, var(--seed-color-bg-neutral-weak)); min-height: 52px; padding-inline: var(--seed-dimension-x5); padding-block: var(--seed-dimension-x3_5); border-radius: var(--seed-radius-r3); - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); font-size: var(--seed-font-size-t5); line-height: var(--seed-line-height-t5); font-weight: var(--seed-font-weight-medium); } .seed-extended-action-sheet__closeButton:is(:active, [data-active]) { - background-color: var(--seed-color-bg-neutral-weak-pressed); + background-color: var(--seed-box-background, var(--seed-color-bg-neutral-weak-pressed)); } \ No newline at end of file diff --git a/packages/css/recipes/extended-fab.css b/packages/css/recipes/extended-fab.css index 65cdcd7aac..44e5a7f488 100644 --- a/packages/css/recipes/extended-fab.css +++ b/packages/css/recipes/extended-fab.css @@ -25,21 +25,21 @@ box-shadow: 0px 2px 6px 0px #00000026; } .seed-extended-fab--variant_neutralSolid { - background: var(--seed-color-bg-neutral-inverted); - color: var(--seed-color-fg-neutral-inverted); + background: var(--seed-box-background, var(--seed-color-bg-neutral-inverted)); + color: var(--seed-box-color, var(--seed-color-fg-neutral-inverted)); } .seed-extended-fab--variant_neutralSolid:is(:active, [data-active]) { - background: var(--seed-color-bg-neutral-inverted-pressed); + background: var(--seed-box-background, var(--seed-color-bg-neutral-inverted-pressed)); } .seed-extended-fab--variant_neutralSolid { --seed-prefix-icon-color: var(--seed-color-fg-neutral-inverted); } .seed-extended-fab--variant_layerFloating { - background: var(--seed-color-bg-layer-floating); - color: var(--seed-color-fg-neutral); + background: var(--seed-box-background, var(--seed-color-bg-layer-floating)); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); } .seed-extended-fab--variant_layerFloating:is(:active, [data-active]) { - background: var(--seed-color-bg-layer-floating-pressed); + background: var(--seed-box-background, var(--seed-color-bg-layer-floating-pressed)); } .seed-extended-fab--variant_layerFloating { --seed-prefix-icon-color: var(--seed-color-fg-neutral); diff --git a/packages/css/recipes/fab.css b/packages/css/recipes/fab.css index e43919d233..2c9cc92e35 100644 --- a/packages/css/recipes/fab.css +++ b/packages/css/recipes/fab.css @@ -18,7 +18,7 @@ cursor: not-allowed; } .seed-fab { - background: var(--seed-color-bg-layer-floating); + background: var(--seed-box-background, var(--seed-color-bg-layer-floating)); border-radius: var(--seed-radius-full); box-shadow: 0px 2px 6px 0px #00000026; width: 44px; @@ -27,5 +27,5 @@ --seed-icon-color: var(--seed-color-fg-neutral); } .seed-fab:is(:active, [data-active]) { - background: var(--seed-color-bg-layer-floating-pressed); + background: var(--seed-box-background, var(--seed-color-bg-layer-floating-pressed)); } \ No newline at end of file diff --git a/packages/css/recipes/floating-action-button.css b/packages/css/recipes/floating-action-button.css index ff74a5f62a..67e57ca057 100644 --- a/packages/css/recipes/floating-action-button.css +++ b/packages/css/recipes/floating-action-button.css @@ -20,24 +20,24 @@ .seed-floating-action-button__root { position: relative; overflow: hidden; - background: var(--seed-color-bg-brand-solid); + background: var(--seed-box-background, var(--seed-color-bg-brand-solid)); border-radius: var(--seed-radius-full); box-shadow: 0px 2px 6px 0px #00000026; - color: var(--seed-color-palette-static-white); + color: var(--seed-box-color, var(--seed-color-palette-static-white)); font-size: var(--seed-font-size-t5); line-height: var(--seed-line-height-t5); font-weight: var(--seed-font-weight-bold); transition: background-color var(--seed-duration-d4) var(--seed-timing-function-easing), max-width var(--seed-duration-d4) var(--seed-timing-function-easing), height var(--seed-duration-d4) var(--seed-timing-function-easing), padding var(--seed-duration-d4) var(--seed-timing-function-easing); } .seed-floating-action-button__root:is(:active, [data-active]) { - background: var(--seed-color-bg-brand-solid-pressed); + background: var(--seed-box-background, var(--seed-color-bg-brand-solid-pressed)); } .seed-floating-action-button__icon { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; - color: var(--seed-color-palette-static-white); + color: var(--seed-box-color, var(--seed-color-palette-static-white)); transition: margin-right var(--seed-duration-d4) var(--seed-timing-function-easing), width var(--seed-duration-d4) var(--seed-timing-function-easing), height var(--seed-duration-d4) var(--seed-timing-function-easing); } .seed-floating-action-button__label { diff --git a/packages/css/recipes/help-bubble.css b/packages/css/recipes/help-bubble.css index a332b6c7bb..def8f53267 100644 --- a/packages/css/recipes/help-bubble.css +++ b/packages/css/recipes/help-bubble.css @@ -1,7 +1,7 @@ .seed-help-bubble__content { display: flex; flex-direction: column; - background: var(--seed-color-bg-neutral-solid); + background: var(--seed-box-background, var(--seed-color-bg-neutral-solid)); padding-inline: var(--seed-dimension-x3); padding-block: var(--seed-dimension-x2_5); border-radius: var(--seed-radius-r3); @@ -39,13 +39,13 @@ font-size: 0; } .seed-help-bubble__title { - color: var(--seed-color-palette-static-white); + color: var(--seed-box-color, var(--seed-color-palette-static-white)); font-size: var(--seed-font-size-t3); font-weight: var(--seed-font-weight-bold); line-height: var(--seed-line-height-t3); } .seed-help-bubble__description { - color: var(--seed-color-palette-static-white); + color: var(--seed-box-color, var(--seed-color-palette-static-white)); font-size: var(--seed-font-size-t3); font-weight: var(--seed-font-weight-regular); line-height: var(--seed-line-height-t3); @@ -57,7 +57,7 @@ justify-content: center; top: calc(12px - 32px / 2 + 14px / 2); right: calc(12px - 32px / 2 + 14px / 2); - color: var(--seed-color-palette-static-white); + color: var(--seed-box-color, var(--seed-color-palette-static-white)); width: 32px; height: 32px; --seed-icon-size: 14px; diff --git a/packages/css/recipes/identity-placeholder.css b/packages/css/recipes/identity-placeholder.css index 9444e82c8e..e41982c0b7 100644 --- a/packages/css/recipes/identity-placeholder.css +++ b/packages/css/recipes/identity-placeholder.css @@ -7,7 +7,7 @@ vertical-align: top; width: 100%; height: 100%; - background-color: var(--seed-color-palette-gray-400) + background-color: var(--seed-box-background, var(--seed-color-palette-gray-400)) } .seed-identity-placeholder__image { display: block; diff --git a/packages/css/recipes/inline-banner.css b/packages/css/recipes/inline-banner.css index 6bf794b7f5..af08c6913b 100644 --- a/packages/css/recipes/inline-banner.css +++ b/packages/css/recipes/inline-banner.css @@ -43,7 +43,7 @@ flex-grow: 0; font-family: inherit; border: none; - background-color: transparent; + background-color: var(--seed-box-background, transparent); cursor: pointer; display: flex; align-items: center; @@ -68,112 +68,112 @@ --seed-suffix-icon-margin-top: initial; --seed-suffix-icon-margin-left: initial; border: none; - background-color: transparent; + background-color: var(--seed-box-background, transparent); padding: 0; cursor: pointer; } .seed-inline-banner__root--variant_neutralWeak { - background-color: var(--seed-color-bg-neutral-weak); - color: var(--seed-color-fg-neutral); + background-color: var(--seed-box-background, var(--seed-color-bg-neutral-weak)); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); --seed-prefix-icon-color: var(--seed-color-fg-neutral); --seed-suffix-icon-color: var(--seed-color-fg-neutral); } .seed-inline-banner__title--variant_neutralWeak { - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); } .seed-inline-banner__description--variant_neutralWeak { - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); } .seed-inline-banner__link--variant_neutralWeak { - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); } .seed-inline-banner__root--variant_positiveWeak { - background-color: var(--seed-color-bg-positive-weak); - color: var(--seed-color-fg-positive-contrast); + background-color: var(--seed-box-background, var(--seed-color-bg-positive-weak)); + color: var(--seed-box-color, var(--seed-color-fg-positive-contrast)); --seed-prefix-icon-color: var(--seed-color-fg-positive-contrast); --seed-suffix-icon-color: var(--seed-color-fg-positive-contrast); } .seed-inline-banner__title--variant_positiveWeak { - color: var(--seed-color-fg-positive-contrast); + color: var(--seed-box-color, var(--seed-color-fg-positive-contrast)); } .seed-inline-banner__description--variant_positiveWeak { - color: var(--seed-color-fg-positive-contrast); + color: var(--seed-box-color, var(--seed-color-fg-positive-contrast)); } .seed-inline-banner__link--variant_positiveWeak { - color: var(--seed-color-fg-positive-contrast); + color: var(--seed-box-color, var(--seed-color-fg-positive-contrast)); } .seed-inline-banner__root--variant_informativeWeak { - background-color: var(--seed-color-bg-informative-weak); - color: var(--seed-color-fg-informative-contrast); + background-color: var(--seed-box-background, var(--seed-color-bg-informative-weak)); + color: var(--seed-box-color, var(--seed-color-fg-informative-contrast)); --seed-prefix-icon-color: var(--seed-color-fg-informative-contrast); --seed-suffix-icon-color: var(--seed-color-fg-informative-contrast); } .seed-inline-banner__title--variant_informativeWeak { - color: var(--seed-color-fg-informative-contrast); + color: var(--seed-box-color, var(--seed-color-fg-informative-contrast)); } .seed-inline-banner__description--variant_informativeWeak { - color: var(--seed-color-fg-informative-contrast); + color: var(--seed-box-color, var(--seed-color-fg-informative-contrast)); } .seed-inline-banner__link--variant_informativeWeak { - color: var(--seed-color-fg-informative-contrast); + color: var(--seed-box-color, var(--seed-color-fg-informative-contrast)); } .seed-inline-banner__root--variant_warningWeak { - background-color: var(--seed-color-bg-warning-weak); - color: var(--seed-color-fg-warning-contrast); + background-color: var(--seed-box-background, var(--seed-color-bg-warning-weak)); + color: var(--seed-box-color, var(--seed-color-fg-warning-contrast)); --seed-prefix-icon-color: var(--seed-color-fg-warning-contrast); --seed-suffix-icon-color: var(--seed-color-fg-warning-contrast); } .seed-inline-banner__title--variant_warningWeak { - color: var(--seed-color-fg-warning-contrast); + color: var(--seed-box-color, var(--seed-color-fg-warning-contrast)); } .seed-inline-banner__description--variant_warningWeak { - color: var(--seed-color-fg-warning-contrast); + color: var(--seed-box-color, var(--seed-color-fg-warning-contrast)); } .seed-inline-banner__link--variant_warningWeak { - color: var(--seed-color-fg-warning-contrast); + color: var(--seed-box-color, var(--seed-color-fg-warning-contrast)); } .seed-inline-banner__root--variant_warningSolid { - background-color: var(--seed-color-bg-warning-solid); - color: var(--seed-color-fg-neutral); + background-color: var(--seed-box-background, var(--seed-color-bg-warning-solid)); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); --seed-prefix-icon-color: var(--seed-color-fg-neutral); --seed-suffix-icon-color: var(--seed-color-fg-neutral); } .seed-inline-banner__title--variant_warningSolid { - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); } .seed-inline-banner__description--variant_warningSolid { - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); } .seed-inline-banner__link--variant_warningSolid { - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); } .seed-inline-banner__root--variant_criticalWeak { - background-color: var(--seed-color-bg-critical-weak); - color: var(--seed-color-fg-critical-contrast); + background-color: var(--seed-box-background, var(--seed-color-bg-critical-weak)); + color: var(--seed-box-color, var(--seed-color-fg-critical-contrast)); --seed-prefix-icon-color: var(--seed-color-fg-critical-contrast); --seed-suffix-icon-color: var(--seed-color-fg-critical-contrast); } .seed-inline-banner__title--variant_criticalWeak { - color: var(--seed-color-fg-critical-contrast); + color: var(--seed-box-color, var(--seed-color-fg-critical-contrast)); } .seed-inline-banner__description--variant_criticalWeak { - color: var(--seed-color-fg-critical-contrast); + color: var(--seed-box-color, var(--seed-color-fg-critical-contrast)); } .seed-inline-banner__link--variant_criticalWeak { - color: var(--seed-color-fg-critical-contrast); + color: var(--seed-box-color, var(--seed-color-fg-critical-contrast)); } .seed-inline-banner__root--variant_criticalSolid { - background-color: var(--seed-color-bg-critical-solid); - color: var(--seed-color-palette-static-white); + background-color: var(--seed-box-background, var(--seed-color-bg-critical-solid)); + color: var(--seed-box-color, var(--seed-color-palette-static-white)); --seed-prefix-icon-color: var(--seed-color-palette-static-white); --seed-suffix-icon-color: var(--seed-color-palette-static-white); } .seed-inline-banner__title--variant_criticalSolid { - color: var(--seed-color-palette-static-white); + color: var(--seed-box-color, var(--seed-color-palette-static-white)); } .seed-inline-banner__description--variant_criticalSolid { - color: var(--seed-color-palette-static-white); + color: var(--seed-box-color, var(--seed-color-palette-static-white)); } .seed-inline-banner__link--variant_criticalSolid { - color: var(--seed-color-palette-static-white); + color: var(--seed-box-color, var(--seed-color-palette-static-white)); } \ No newline at end of file diff --git a/packages/css/recipes/link-content.css b/packages/css/recipes/link-content.css index 40ffeebd09..b7354215e3 100644 --- a/packages/css/recipes/link-content.css +++ b/packages/css/recipes/link-content.css @@ -2,7 +2,7 @@ display: inline-flex; align-items: center; cursor: pointer; - background-color: transparent; + background-color: var(--seed-box-background, transparent); box-sizing: border-box; border: none; outline: none; @@ -12,7 +12,7 @@ text-align: center; padding-inline: 0; padding-block: 0; - color: var(--seed-box-color); + color: var(--seed-box-color, var(--seed-box-color)); --seed-suffix-icon-color: var(--seed-box-color) } .seed-link-content--weight_bold { diff --git a/packages/css/recipes/manner-temp-badge.css b/packages/css/recipes/manner-temp-badge.css index 53b6a712f1..199133975a 100644 --- a/packages/css/recipes/manner-temp-badge.css +++ b/packages/css/recipes/manner-temp-badge.css @@ -17,26 +17,26 @@ font-weight: var(--seed-font-weight-bold) } .seed-manner-temp-badge--level_l1 { - background-color: var(--seed-color-manner-temp-l1-bg); - color: var(--seed-color-manner-temp-l1-text) + background-color: var(--seed-box-background, var(--seed-color-manner-temp-l1-bg)); + color: var(--seed-box-color, var(--seed-color-manner-temp-l1-text)) } .seed-manner-temp-badge--level_l2 { - background-color: var(--seed-color-manner-temp-l2-bg); - color: var(--seed-color-manner-temp-l2-text) + background-color: var(--seed-box-background, var(--seed-color-manner-temp-l2-bg)); + color: var(--seed-box-color, var(--seed-color-manner-temp-l2-text)) } .seed-manner-temp-badge--level_l3 { - background-color: var(--seed-color-manner-temp-l3-bg); - color: var(--seed-color-manner-temp-l3-text) + background-color: var(--seed-box-background, var(--seed-color-manner-temp-l3-bg)); + color: var(--seed-box-color, var(--seed-color-manner-temp-l3-text)) } .seed-manner-temp-badge--level_l4 { - background-color: var(--seed-color-manner-temp-l4-bg); - color: var(--seed-color-manner-temp-l4-text) + background-color: var(--seed-box-background, var(--seed-color-manner-temp-l4-bg)); + color: var(--seed-box-color, var(--seed-color-manner-temp-l4-text)) } .seed-manner-temp-badge--level_l5 { - background-color: var(--seed-color-manner-temp-l5-bg); - color: var(--seed-color-manner-temp-l5-text) + background-color: var(--seed-box-background, var(--seed-color-manner-temp-l5-bg)); + color: var(--seed-box-color, var(--seed-color-manner-temp-l5-text)) } .seed-manner-temp-badge--level_l6 { - background-color: var(--seed-color-manner-temp-l6-bg); - color: var(--seed-color-manner-temp-l6-text) + background-color: var(--seed-box-background, var(--seed-color-manner-temp-l6-bg)); + color: var(--seed-box-color, var(--seed-color-manner-temp-l6-text)) } \ No newline at end of file diff --git a/packages/css/recipes/manner-temp.css b/packages/css/recipes/manner-temp.css index 6041f3a8c7..9e5609b73d 100644 --- a/packages/css/recipes/manner-temp.css +++ b/packages/css/recipes/manner-temp.css @@ -10,20 +10,20 @@ --seed-suffix-icon-size: var(--seed-dimension-x6) } .seed-manner-temp--level_l1 { - color: var(--seed-color-manner-temp-l1-text) + color: var(--seed-box-color, var(--seed-color-manner-temp-l1-text)) } .seed-manner-temp--level_l2 { - color: var(--seed-color-manner-temp-l2-text) + color: var(--seed-box-color, var(--seed-color-manner-temp-l2-text)) } .seed-manner-temp--level_l3 { - color: var(--seed-color-manner-temp-l3-text) + color: var(--seed-box-color, var(--seed-color-manner-temp-l3-text)) } .seed-manner-temp--level_l4 { - color: var(--seed-color-manner-temp-l4-text) + color: var(--seed-box-color, var(--seed-color-manner-temp-l4-text)) } .seed-manner-temp--level_l5 { - color: var(--seed-color-manner-temp-l5-text) + color: var(--seed-box-color, var(--seed-color-manner-temp-l5-text)) } .seed-manner-temp--level_l6 { - color: var(--seed-color-manner-temp-l6-text) + color: var(--seed-box-color, var(--seed-color-manner-temp-l6-text)) } \ No newline at end of file diff --git a/packages/css/recipes/notification-badge.css b/packages/css/recipes/notification-badge.css index 07ebce5360..e2aa982933 100644 --- a/packages/css/recipes/notification-badge.css +++ b/packages/css/recipes/notification-badge.css @@ -8,8 +8,8 @@ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none; - background-color: var(--seed-color-bg-brand-solid); - color: var(--seed-color-palette-static-white) + background-color: var(--seed-box-background, var(--seed-color-bg-brand-solid)); + color: var(--seed-box-color, var(--seed-color-palette-static-white)) } .seed-notification-badge--size_small { width: 6px; diff --git a/packages/css/recipes/radio.css b/packages/css/recipes/radio.css index 377c623c9f..5c0b24570a 100644 --- a/packages/css/recipes/radio.css +++ b/packages/css/recipes/radio.css @@ -5,27 +5,27 @@ align-items: center; justify-content: center; flex: none; - background-color: var(--seed-color-bg-layer-default); + background-color: var(--seed-box-background, var(--seed-color-bg-layer-default)); border-width: 1px; - border-color: var(--seed-color-stroke-control); + border-color: var(--seed-box-border-color, var(--seed-color-stroke-control)); border-radius: var(--seed-radius-full); } .seed-radio__root:is(:active, [data-active]) { - background-color: var(--seed-color-bg-layer-default-pressed); + background-color: var(--seed-box-background, var(--seed-color-bg-layer-default-pressed)); } .seed-radio__root:is(:checked, [data-checked]) { - background-color: var(--seed-color-bg-brand-solid); + background-color: var(--seed-box-background, var(--seed-color-bg-brand-solid)); border-width: 0px; } .seed-radio__root:is(:active, [data-active]):is(:checked, [data-checked]) { - background-color: var(--seed-color-bg-brand-solid-pressed); + background-color: var(--seed-box-background, var(--seed-color-bg-brand-solid-pressed)); } .seed-radio__root:is(:disabled, [disabled], [data-disabled]) { - background-color: var(--seed-color-palette-gray-300); + background-color: var(--seed-box-background, var(--seed-color-palette-gray-300)); } .seed-radio__root:is(:disabled, [disabled], [data-disabled]):is(:checked, [data-checked]) { - background-color: none; - border-color: var(--seed-color-palette-gray-300); + background-color: var(--seed-box-background, none); + border-color: var(--seed-box-border-color, var(--seed-color-palette-gray-300)); } .seed-radio__icon { display: none; @@ -33,10 +33,10 @@ } .seed-radio__icon:is(:checked, [data-checked]) { display: block; - background-color: var(--seed-color-palette-static-white); + background-color: var(--seed-box-background, var(--seed-color-palette-static-white)); } .seed-radio__icon:is(:disabled, [disabled], [data-disabled]):is(:checked, [data-checked]) { - background-color: var(--seed-color-palette-gray-300); + background-color: var(--seed-box-background, var(--seed-color-palette-gray-300)); } .seed-radio__root--size_large { width: var(--seed-dimension-x6); diff --git a/packages/css/recipes/reaction-button.css b/packages/css/recipes/reaction-button.css index fb086c0926..f9f252b0a1 100644 --- a/packages/css/recipes/reaction-button.css +++ b/packages/css/recipes/reaction-button.css @@ -20,40 +20,40 @@ } .seed-reaction-button { transition: background-color var(--seed-duration-d4) var(--seed-timing-function-easing); - background: var(--seed-color-bg-neutral-weak); + background: var(--seed-box-background, var(--seed-color-bg-neutral-weak)); font-weight: var(--seed-font-weight-medium); - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); --track-color: var(--seed-color-palette-gray-500); --range-color: var(--seed-color-fg-neutral); --seed-count-font-weight: var(--seed-font-weight-bold); --seed-count-color: var(--seed-color-fg-neutral); } .seed-reaction-button:is(:active, [data-active]) { - background: var(--seed-color-bg-neutral-weak-pressed); + background: var(--seed-box-background, var(--seed-color-bg-neutral-weak-pressed)); } .seed-reaction-button:is([aria-pressed=true], [data-pressed]) { - background: var(--seed-color-bg-layer-default); - color: var(--seed-color-fg-brand); + background: var(--seed-box-background, var(--seed-color-bg-layer-default)); + color: var(--seed-box-color, var(--seed-color-fg-brand)); box-shadow: inset 0 0 0 1px var(--seed-color-stroke-brand); --seed-prefix-icon-color: var(--seed-color-fg-brand); --seed-count-color: var(--seed-color-fg-brand); } .seed-reaction-button:is([aria-pressed=true], [data-pressed]):is(:active, [data-active]) { - background: var(--seed-color-bg-layer-default-pressed); + background: var(--seed-box-background, var(--seed-color-bg-layer-default-pressed)); } .seed-reaction-button:is(:disabled, [disabled], [data-disabled]) { cursor: not-allowed; - background: var(--seed-color-bg-disabled); - color: var(--seed-color-fg-disabled); + background: var(--seed-box-background, var(--seed-color-bg-disabled)); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); box-shadow: inset 0 0 0 0px var(--seed-color-stroke-brand); --seed-prefix-icon-color: var(--seed-color-fg-disabled); --seed-count-color: var(--seed-color-fg-disabled); } .seed-reaction-button[data-loading] { - background: var(--seed-color-bg-neutral-weak-pressed); + background: var(--seed-box-background, var(--seed-color-bg-neutral-weak-pressed)); } .seed-reaction-button:is([aria-pressed=true], [data-pressed])[data-loading] { - background: var(--seed-color-bg-layer-default-pressed); + background: var(--seed-box-background, var(--seed-color-bg-layer-default-pressed)); box-shadow: inset 0 0 0 1px var(--seed-color-stroke-brand); --track-color: var(--seed-color-palette-carrot-200); --range-color: var(--seed-color-fg-brand); diff --git a/packages/css/recipes/segmented-control.css b/packages/css/recipes/segmented-control.css index 626c29067e..f95d8818bb 100644 --- a/packages/css/recipes/segmented-control.css +++ b/packages/css/recipes/segmented-control.css @@ -6,7 +6,7 @@ position: relative; padding: var(--seed-dimension-x1); border-radius: var(--seed-radius-full); - background-color: var(--seed-color-bg-neutral-weak); + background-color: var(--seed-box-background, var(--seed-color-bg-neutral-weak)); grid-auto-flow: column; grid-auto-columns: 1fr; align-items: center; @@ -21,7 +21,7 @@ inset-inline-start: var(--seed-dimension-x1); width: calc((100% - var(--seed-dimension-x1) * 2) / var(--segment-count)); border-radius: var(--seed-radius-full); - background-color: var(--seed-color-bg-layer-default); + background-color: var(--seed-box-background, var(--seed-color-bg-layer-default)); box-shadow: 0px 1px 6px 0px #0000000d; transition: transform var(--seed-duration-d4) var(--seed-timing-function-easing); } @@ -41,16 +41,16 @@ font-weight: var(--seed-font-weight-medium); font-size: var(--seed-font-size-t5); line-height: var(--seed-line-height-t5); - color: var(--seed-color-fg-neutral-muted); + color: var(--seed-box-color, var(--seed-color-fg-neutral-muted)); } .seed-segmented-control__item:is(:checked, [data-checked]) { - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); font-weight: var(--seed-font-weight-bold); } .seed-segmented-control__item:is(:disabled, [disabled], [data-disabled]) { cursor: not-allowed; - color: var(--seed-color-fg-disabled); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); } .seed-segmented-control__item:not(:is(:checked, [data-checked])):is(:active, [data-active]) { - background-color: var(--seed-color-bg-neutral-weak-pressed); + background-color: var(--seed-box-background, var(--seed-color-bg-neutral-weak-pressed)); } \ No newline at end of file diff --git a/packages/css/recipes/select-box.css b/packages/css/recipes/select-box.css index 60b439966a..4a78009acd 100644 --- a/packages/css/recipes/select-box.css +++ b/packages/css/recipes/select-box.css @@ -10,14 +10,14 @@ box-shadow: inset 0 0 0 1px var(--seed-color-stroke-neutral); } .seed-select-box__root:is(:active, [data-active]) { - background-color: var(--seed-color-bg-layer-default-pressed); + background-color: var(--seed-box-background, var(--seed-color-bg-layer-default-pressed)); } .seed-select-box__root:is(:checked, [data-checked]) { - background-color: var(--seed-color-bg-neutral-weak); + background-color: var(--seed-box-background, var(--seed-color-bg-neutral-weak)); box-shadow: inset 0 0 0 1px var(--seed-color-stroke-control); } .seed-select-box__root:is(:checked, [data-checked]):is(:active, [data-active]) { - background-color: var(--seed-color-bg-neutral-weak-pressed); + background-color: var(--seed-box-background, var(--seed-color-bg-neutral-weak-pressed)); } .seed-select-box__content { display: flex; @@ -32,21 +32,21 @@ justify-content: center; width: var(--seed-dimension-x6); height: var(--seed-dimension-x6); - background-color: var(--seed-color-bg-layer-default); + background-color: var(--seed-box-background, var(--seed-color-bg-layer-default)); border-style: solid; border-width: 1px; - border-color: var(--seed-color-stroke-control); + border-color: var(--seed-box-border-color, var(--seed-color-stroke-control)); border-radius: var(--seed-radius-r1); } .seed-select-box__checkboxControl:is(:active, [data-active]) { - background-color: var(--seed-color-bg-layer-default-pressed); + background-color: var(--seed-box-background, var(--seed-color-bg-layer-default-pressed)); } .seed-select-box__checkboxControl:is(:checked, [data-checked]) { - background-color: var(--seed-color-bg-brand-solid); + background-color: var(--seed-box-background, var(--seed-color-bg-brand-solid)); border-width: 0; } .seed-select-box__checkboxControl:is(:checked, [data-checked]):is(:active, [data-active]) { - background-color: var(--seed-color-bg-brand-solid-pressed); + background-color: var(--seed-box-background, var(--seed-color-bg-brand-solid-pressed)); } .seed-select-box__checkboxIcon { width: var(--seed-dimension-x3_5); @@ -55,7 +55,7 @@ } .seed-select-box__checkboxIcon:is(:checked, [data-checked]) { display: block; - color: var(--seed-color-palette-static-white); + color: var(--seed-box-color, var(--seed-color-palette-static-white)); } .seed-select-box__radioControl { flex: none; @@ -65,21 +65,21 @@ justify-content: center; width: var(--seed-dimension-x6); height: var(--seed-dimension-x6); - background-color: var(--seed-color-bg-layer-default); + background-color: var(--seed-box-background, var(--seed-color-bg-layer-default)); border-style: solid; border-width: 1px; - border-color: var(--seed-color-stroke-control); + border-color: var(--seed-box-border-color, var(--seed-color-stroke-control)); border-radius: var(--seed-radius-full); } .seed-select-box__radioControl:is(:active, [data-active]) { - background-color: var(--seed-color-bg-layer-default-pressed); + background-color: var(--seed-box-background, var(--seed-color-bg-layer-default-pressed)); } .seed-select-box__radioControl:is(:checked, [data-checked]) { - background-color: var(--seed-color-bg-brand-solid); + background-color: var(--seed-box-background, var(--seed-color-bg-brand-solid)); border-width: 0; } .seed-select-box__radioControl:is(:checked, [data-checked]):is(:active, [data-active]) { - background-color: var(--seed-color-bg-brand-solid-pressed); + background-color: var(--seed-box-background, var(--seed-color-bg-brand-solid-pressed)); } .seed-select-box__radioIcon { width: var(--seed-dimension-x2_5); @@ -89,17 +89,17 @@ } .seed-select-box__radioIcon:is(:checked, [data-checked]) { display: block; - background-color: var(--seed-color-palette-static-white); - color: var(--seed-color-palette-static-white); + background-color: var(--seed-box-background, var(--seed-color-palette-static-white)); + color: var(--seed-box-color, var(--seed-color-palette-static-white)); } .seed-select-box__label { - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); font-weight: var(--seed-font-weight-bold); font-size: var(--seed-font-size-t5); line-height: var(--seed-line-height-t5); } .seed-select-box__description { - color: var(--seed-color-fg-neutral-muted); + color: var(--seed-box-color, var(--seed-color-fg-neutral-muted)); font-weight: var(--seed-font-weight-regular); font-size: var(--seed-font-size-t4); line-height: var(--seed-line-height-t4); diff --git a/packages/css/recipes/skeleton.css b/packages/css/recipes/skeleton.css index 964b7d64fa..a42263b384 100644 --- a/packages/css/recipes/skeleton.css +++ b/packages/css/recipes/skeleton.css @@ -32,13 +32,13 @@ border-radius: var(--seed-radius-full); } .seed-skeleton--tone_neutral { - background: var(--seed-color-palette-gray-200); + background: var(--seed-box-background, var(--seed-color-palette-gray-200)); } .seed-skeleton--tone_neutral::after { background-image: linear-gradient(90deg, var(--seed-gradient-shimmer-neutral)); } .seed-skeleton--tone_magic { - background: var(--seed-color-bg-magic-weak); + background: var(--seed-box-background, var(--seed-color-bg-magic-weak)); } .seed-skeleton--tone_magic::after { background-image: linear-gradient(90deg, var(--seed-gradient-shimmer-magic)); diff --git a/packages/css/recipes/snackbar.css b/packages/css/recipes/snackbar.css index c64dca0f5f..ac07f8a4ed 100644 --- a/packages/css/recipes/snackbar.css +++ b/packages/css/recipes/snackbar.css @@ -4,7 +4,7 @@ justify-content: space-between; align-items: center; width: 100%; - background: var(--seed-color-bg-neutral-solid); + background: var(--seed-box-background, var(--seed-color-bg-neutral-solid)); border-radius: var(--seed-radius-r2); padding-inline: var(--seed-dimension-x4); padding-block: var(--seed-dimension-x2_5); @@ -31,7 +31,7 @@ .seed-snackbar__message { flex-grow: 1; margin: 0; - color: var(--seed-color-palette-static-white); + color: var(--seed-box-color, var(--seed-color-palette-static-white)); font-size: var(--seed-font-size-t4); line-height: var(--seed-line-height-t4); font-weight: var(--seed-font-weight-regular); @@ -52,11 +52,11 @@ text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - background-color: unset; + background-color: var(--seed-box-background, unset); text-decoration: none; outline: none; flex-shrink: 0; - color: var(--seed-color-fg-brand); + color: var(--seed-box-color, var(--seed-color-fg-brand)); font-size: var(--seed-font-size-t4); line-height: var(--seed-line-height-t4); font-weight: var(--seed-font-weight-bold); @@ -69,14 +69,14 @@ left: calc(-1 * var(--seed-dimension-x2)); right: calc(-1 * var(--seed-dimension-x2)); min-height: 44px; - background: transparent; + background: var(--seed-box-background, transparent); } .seed-snackbar__prefixIcon--variant_default { display: none; } .seed-snackbar__prefixIcon--variant_positive { - color: var(--seed-color-fg-positive); + color: var(--seed-box-color, var(--seed-color-fg-positive)); } .seed-snackbar__prefixIcon--variant_critical { - color: var(--seed-color-fg-critical); + color: var(--seed-box-color, var(--seed-color-fg-critical)); } \ No newline at end of file diff --git a/packages/css/recipes/switch.css b/packages/css/recipes/switch.css index 7ebc4c11aa..8dab23199b 100644 --- a/packages/css/recipes/switch.css +++ b/packages/css/recipes/switch.css @@ -18,15 +18,15 @@ display: block; position: relative; border-radius: var(--seed-radius-full); - background: var(--seed-color-palette-gray-600); + background: var(--seed-box-background, var(--seed-color-palette-gray-600)); transition: background-color 50ms cubic-bezier(0.35, 0, 0.35, 1) 20ms; } .seed-switch__control:is(:checked, [data-checked]) { - background: var(--seed-color-bg-brand-solid); + background: var(--seed-box-background, var(--seed-color-bg-brand-solid)); } .seed-switch__thumb { border-radius: var(--seed-radius-full); - background: var(--seed-color-palette-static-white); + background: var(--seed-box-background, var(--seed-color-palette-static-white)); transition: transform 150ms cubic-bezier(0.35, 0, 0.35, 1); } .seed-switch__root--size_medium { diff --git a/packages/css/recipes/tabs.css b/packages/css/recipes/tabs.css index 152c2f3e9a..2ac4cdf85a 100644 --- a/packages/css/recipes/tabs.css +++ b/packages/css/recipes/tabs.css @@ -16,7 +16,7 @@ display: none; } .seed-tabs__list { - background: var(--seed-color-bg-layer-default); + background: var(--seed-box-background, var(--seed-color-bg-layer-default)); box-shadow: inset 0 -1px var(--seed-color-stroke-neutral); } .seed-tabs__carousel { @@ -50,7 +50,7 @@ transition-timing-function: var(--seed-timing-function-easing); left: var(--indicator-left, 0px); width: var(--indicator-width, 0px); - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); border-bottom: 2px solid var(--seed-color-fg-neutral); bottom: 0; } @@ -65,23 +65,23 @@ cursor: pointer; border: none; box-sizing: border-box; - background-color: transparent; + background-color: var(--seed-box-background, transparent); white-space: nowrap; - color: var(--seed-color-fg-neutral-subtle); + color: var(--seed-box-color, var(--seed-color-fg-neutral-subtle)); } .seed-tabs__trigger:is(:selected, [data-selected]) { - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); } .seed-tabs__trigger:is(:disabled, [disabled], [data-disabled]) { cursor: not-allowed; - color: var(--seed-color-fg-disabled); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); } .seed-tabs__trigger:is(:selected, [data-selected])[data-ssr]:after { content: ''; position: absolute; bottom: 0; height: 2px; - background-color: var(--seed-color-fg-neutral); + background-color: var(--seed-box-background, var(--seed-color-fg-neutral)); } .seed-tabs__list--triggerLayout_fill { padding-inline: 0px; diff --git a/packages/css/recipes/text-field.css b/packages/css/recipes/text-field.css index ba8be7ed7e..2e56b2ef35 100644 --- a/packages/css/recipes/text-field.css +++ b/packages/css/recipes/text-field.css @@ -5,62 +5,62 @@ } .seed-text-field__header {} .seed-text-field__label { - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); font-weight: var(--seed-font-weight-bold); } .seed-text-field__indicator { - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); font-weight: var(--seed-font-weight-regular); } .seed-text-field__field { display: flex; align-items: center; - background-color: var(--seed-color-bg-layer-default); + background-color: var(--seed-box-background, var(--seed-color-bg-layer-default)); border-style: solid; border-width: 1px; - border-color: var(--seed-color-stroke-field); + border-color: var(--seed-box-border-color, var(--seed-color-stroke-field)); } .seed-text-field__field:not(:is([data-readonly])):is(:focus, [data-focus]) { - border-color: var(--seed-color-stroke-field-focused); + border-color: var(--seed-box-border-color, var(--seed-color-stroke-field-focused)); } .seed-text-field__field:is(:invalid, [data-invalid]) { - background-color: var(--seed-color-bg-critical-weak); - border-color: var(--seed-color-stroke-critical); + background-color: var(--seed-box-background, var(--seed-color-bg-critical-weak)); + border-color: var(--seed-box-border-color, var(--seed-color-stroke-critical)); } .seed-text-field__field:is(:invalid, [data-invalid]):is(:focus, [data-focus]) { - background-color: var(--seed-color-bg-layer-default); + background-color: var(--seed-box-background, var(--seed-color-bg-layer-default)); } .seed-text-field__field:is(:disabled, [disabled], [data-disabled]) { - background-color: var(--seed-color-bg-disabled); + background-color: var(--seed-box-background, var(--seed-color-bg-disabled)); } .seed-text-field__field:is([data-readonly]) { - background-color: var(--seed-color-bg-disabled); + background-color: var(--seed-box-background, var(--seed-color-bg-disabled)); } .seed-text-field__prefixText { - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); } .seed-text-field__prefixText:is(:disabled, [disabled], [data-disabled]) { - color: var(--seed-color-fg-disabled); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); } .seed-text-field__prefixIcon { - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); flex-shrink: 0; } .seed-text-field__prefixIcon:is(:disabled, [disabled], [data-disabled]) { - color: var(--seed-color-fg-disabled); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); } .seed-text-field__suffixText { - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); } .seed-text-field__suffixText:is(:disabled, [disabled], [data-disabled]) { - color: var(--seed-color-fg-disabled); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); } .seed-text-field__suffixIcon { - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); flex-shrink: 0; } .seed-text-field__suffixIcon:is(:disabled, [disabled], [data-disabled]) { - color: var(--seed-color-fg-disabled); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); } .seed-text-field__value { box-sizing: border-box; @@ -75,22 +75,22 @@ width: 100%; } .seed-text-field__value { - background: none; + background: var(--seed-box-background, none); border: none; outline: none; resize: none; flex-grow: 1; height: 100%; - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); } .seed-text-field__value::placeholder { - color: var(--seed-color-fg-placeholder); + color: var(--seed-box-color, var(--seed-color-fg-placeholder)); } .seed-text-field__value:is(:disabled, [disabled], [data-disabled]) { - color: var(--seed-color-fg-disabled); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); } .seed-text-field__value:is(:disabled, [disabled], [data-disabled])::placeholder { - color: var(--seed-color-fg-disabled); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); } .seed-text-field__footer { display: flex; @@ -99,13 +99,13 @@ } .seed-text-field__description { font-weight: var(--seed-font-weight-regular); - color: var(--seed-color-fg-neutral-subtle); + color: var(--seed-box-color, var(--seed-color-fg-neutral-subtle)); } .seed-text-field__errorMessage { display: flex; flex-direction: row; align-items: center; - color: var(--seed-color-fg-critical); + color: var(--seed-box-color, var(--seed-color-fg-critical)); } .seed-text-field__errorIcon { flex: none; @@ -117,14 +117,14 @@ margin-inline-start: auto; } .seed-text-field__characterCount { - color: var(--seed-color-fg-neutral); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); font-weight: var(--seed-font-weight-regular); } .seed-text-field__characterCount[data-empty] { - color: var(--seed-color-fg-neutral-subtle); + color: var(--seed-box-color, var(--seed-color-fg-neutral-subtle)); } .seed-text-field__maxCharacterCount { - color: var(--seed-color-fg-neutral-subtle); + color: var(--seed-box-color, var(--seed-color-fg-neutral-subtle)); font-weight: var(--seed-font-weight-regular); } .seed-text-field__header--size_xlarge { diff --git a/packages/css/recipes/text.css b/packages/css/recipes/text.css index 9489bb88bf..6fefd9cb4d 100644 --- a/packages/css/recipes/text.css +++ b/packages/css/recipes/text.css @@ -1,7 +1,7 @@ .seed-text { margin: 0; text-align: var(--seed-text-align); - color: var(--seed-text-color); + color: var(--seed-box-color, var(--seed-text-color)); font-size: var(--seed-font-size); line-height: var(--seed-line-height); font-weight: var(--seed-font-weight); diff --git a/packages/css/recipes/toggle-button.css b/packages/css/recipes/toggle-button.css index baa628dbad..b210c95c3f 100644 --- a/packages/css/recipes/toggle-button.css +++ b/packages/css/recipes/toggle-button.css @@ -26,72 +26,72 @@ font-weight: var(--seed-font-weight-bold); } .seed-toggle-button--variant_brandSolid { - background: var(--seed-color-bg-brand-solid); - color: var(--seed-color-palette-static-white); + background: var(--seed-box-background, var(--seed-color-bg-brand-solid)); + color: var(--seed-box-color, var(--seed-color-palette-static-white)); --track-color: var(--seed-color-palette-static-white-alpha-300); --range-color: var(--seed-color-palette-static-white); } .seed-toggle-button--variant_brandSolid:is(:active, [data-active]) { - background: var(--seed-color-bg-brand-solid-pressed); + background: var(--seed-box-background, var(--seed-color-bg-brand-solid-pressed)); } .seed-toggle-button--variant_brandSolid:is([aria-pressed=true], [data-pressed]) { - background: var(--seed-color-bg-neutral-weak); - color: var(--seed-color-fg-neutral); + background: var(--seed-box-background, var(--seed-color-bg-neutral-weak)); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); --track-color: var(--seed-color-palette-gray-500); --range-color: var(--seed-color-fg-neutral); --seed-prefix-icon-color: var(--seed-color-fg-neutral); --seed-suffix-icon-color: var(--seed-color-fg-neutral); } .seed-toggle-button--variant_brandSolid:is([aria-pressed=true], [data-pressed]):is(:active, [data-active]) { - background: var(--seed-color-bg-neutral-weak-pressed); + background: var(--seed-box-background, var(--seed-color-bg-neutral-weak-pressed)); } .seed-toggle-button--variant_brandSolid:is(:disabled, [disabled], [data-disabled]) { - background: var(--seed-color-bg-disabled); - color: var(--seed-color-fg-disabled); + background: var(--seed-box-background, var(--seed-color-bg-disabled)); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); --seed-prefix-icon-color: var(--seed-color-fg-disabled); --seed-suffix-icon-color: var(--seed-color-fg-disabled); } .seed-toggle-button--variant_brandSolid[data-loading] { - background: var(--seed-color-bg-brand-solid-pressed); + background: var(--seed-box-background, var(--seed-color-bg-brand-solid-pressed)); } .seed-toggle-button--variant_brandSolid:is([aria-pressed=true], [data-pressed])[data-loading] { - background: var(--seed-color-bg-neutral-weak-pressed); + background: var(--seed-box-background, var(--seed-color-bg-neutral-weak-pressed)); } .seed-toggle-button--variant_brandSolid { --seed-prefix-icon-color: var(--seed-color-palette-static-white); --seed-suffix-icon-color: var(--seed-color-palette-static-white); } .seed-toggle-button--variant_neutralWeak { - background: var(--seed-color-bg-neutral-weak); - color: var(--seed-color-fg-neutral); + background: var(--seed-box-background, var(--seed-color-bg-neutral-weak)); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); --track-color: var(--seed-color-palette-gray-500); --range-color: var(--seed-color-fg-neutral); } .seed-toggle-button--variant_neutralWeak:is(:active, [data-active]) { - background: var(--seed-color-bg-neutral-weak-pressed); + background: var(--seed-box-background, var(--seed-color-bg-neutral-weak-pressed)); } .seed-toggle-button--variant_neutralWeak:is([aria-pressed=true], [data-pressed]) { - background: var(--seed-color-bg-neutral-weak); - color: var(--seed-color-fg-neutral); + background: var(--seed-box-background, var(--seed-color-bg-neutral-weak)); + color: var(--seed-box-color, var(--seed-color-fg-neutral)); --track-color: var(--seed-color-palette-gray-500); --range-color: var(--seed-color-fg-neutral); --seed-prefix-icon-color: var(--seed-color-fg-neutral); --seed-suffix-icon-color: var(--seed-color-fg-neutral); } .seed-toggle-button--variant_neutralWeak:is([aria-pressed=true], [data-pressed]):is(:active, [data-active]) { - background: var(--seed-color-bg-neutral-weak-pressed); + background: var(--seed-box-background, var(--seed-color-bg-neutral-weak-pressed)); } .seed-toggle-button--variant_neutralWeak:is(:disabled, [disabled], [data-disabled]) { - background: var(--seed-color-bg-disabled); - color: var(--seed-color-fg-disabled); + background: var(--seed-box-background, var(--seed-color-bg-disabled)); + color: var(--seed-box-color, var(--seed-color-fg-disabled)); --seed-prefix-icon-color: var(--seed-color-fg-disabled); --seed-suffix-icon-color: var(--seed-color-fg-disabled); } .seed-toggle-button--variant_neutralWeak[data-loading] { - background: var(--seed-color-bg-neutral-weak-pressed); + background: var(--seed-box-background, var(--seed-color-bg-neutral-weak-pressed)); } .seed-toggle-button--variant_neutralWeak:is([aria-pressed=true], [data-pressed])[data-loading] { - background: var(--seed-color-bg-neutral-weak-pressed); + background: var(--seed-box-background, var(--seed-color-bg-neutral-weak-pressed)); } .seed-toggle-button--variant_neutralWeak { --seed-prefix-icon-color: var(--seed-color-fg-neutral); diff --git a/packages/react/src/components/ActionButton/ActionButton.tsx b/packages/react/src/components/ActionButton/ActionButton.tsx index ad4903a637..d5c48fa3e0 100644 --- a/packages/react/src/components/ActionButton/ActionButton.tsx +++ b/packages/react/src/components/ActionButton/ActionButton.tsx @@ -5,41 +5,25 @@ import { import { Primitive, type PrimitiveProps } from "@seed-design/react-primitive"; import clsx from "clsx"; import * as React from "react"; -import { handleColor, useStyleProps, type StyleProps } from "../../utils/styled"; +import { useStyleProps, type OverridableStyleProps, type StyleProps } from "../../utils/styled"; import { IconRequired } from "../Icon/Icon"; import { PendingButtonProvider, usePendingButton, type UsePendingButtonProps, } from "../LoadingIndicator/usePendingButton"; -import type { ScopedColorFg, ScopedColorPalette } from "@seed-design/css/vars"; export interface ActionButtonProps extends ActionButtonVariantProps, UsePendingButtonProps, PrimitiveProps, Pick, - React.ButtonHTMLAttributes { - /** - * Color of the label and icons inside the button. - * Works only when `variant` is `ghost`. - * @default "fg.neutral" - */ - color?: ScopedColorFg | ScopedColorPalette; -} + OverridableStyleProps, + React.ButtonHTMLAttributes {} export const ActionButton = React.forwardRef( ( - { - variant, - size, - loading = false, - layout = "withText", - color, - className, - children, - ...otherProps - }, + { variant, size, loading = false, layout = "withText", className, children, ...otherProps }, ref, ) => { const recipeClassName = actionButton({ variant, layout, size }); @@ -58,8 +42,7 @@ export const ActionButton = React.forwardRef diff --git a/packages/react/src/utils/styled.tsx b/packages/react/src/utils/styled.tsx index 8681cf0a43..fb5a993967 100644 --- a/packages/react/src/utils/styled.tsx +++ b/packages/react/src/utils/styled.tsx @@ -489,6 +489,19 @@ export interface StyleProps { }; } +// Export specific props for override capability +export type OverridableStyleProps = Pick< + StyleProps, + | "bg" + | "background" + | "bgGradient" + | "backgroundGradient" + | "bgGradientDirection" + | "backgroundGradientDirection" + | "color" + | "borderColor" +>; + interface UseStyleProps extends StyleProps { style?: React.CSSProperties; }