//
// Copyright 2026 Google LLC
// SPDX-License-Identifier: Apache-2.0
//
// AUTOGENERATED. DO NOT MODIFY.
// To modify this file, update the source template,
// or run the compiler: go/carbon-service-code-gen-mwtc.
// Source template: formats/sassvars/contextualtokenset.scss.tmpl

// Design system: Google Material 3
// Version: 34.0.21
// Configured context tags:
//   audience: 3p
//   font: static
//   platform: web
// Output format: sass_vars

@use 'md-sys-color';
@use 'md-sys-elevation';
@use 'md-sys-shape';
@use 'md-sys-state';
@use 'md-sys-state-focus-indicator';
@use 'md-sys-typescale';

/// md.comp.outlined-select.menu.cascading-menu-indicator.icon.size (Enabled / Icon)
$menu-cascading-menu-indicator-icon-size: 24px;
/// md.comp.outlined-select.menu.divider.height (Enabled / Divider)
$menu-divider-height: 1px;
/// md.comp.outlined-select.menu.list-item.container.height (Enabled / Container)
$menu-list-item-container-height: 48px;
/// md.comp.outlined-select.menu.list-item.with-leading-icon.leading-icon.size (Enabled / Leading icon)
$menu-list-item-with-leading-icon-leading-icon-size: 24px;
/// md.comp.outlined-select.menu.list-item.with-trailing-icon.trailing-icon.size (Enabled / Trailing icon)
$menu-list-item-with-trailing-icon-trailing-icon-size: 24px;
/// md.comp.outlined-select.text-field.container.height (Enabled / Container)
///
/// @deprecated Removing fixed height token due to conflicts with text fields variants requiring dynamic height (multi-line, text area). Use height of internal elements and paddings to control component height.
$text-field-container-height: 56px;
/// md.comp.outlined-select.text-field.disabled.input-text.opacity (Disabled / Input text)
$text-field-disabled-input-text-opacity: 0.38;
/// md.comp.outlined-select.text-field.disabled.label-text.opacity (Disabled / Label text)
$text-field-disabled-label-text-opacity: 0.38;
/// md.comp.outlined-select.text-field.disabled.leading-icon.opacity (Disabled / Leading icon)
$text-field-disabled-leading-icon-opacity: 0.38;
/// md.comp.outlined-select.text-field.disabled.outline.opacity (Disabled / Container)
$text-field-disabled-outline-opacity: 0.12;
/// md.comp.outlined-select.text-field.disabled.outline.width (Disabled / Container)
$text-field-disabled-outline-width: 1px;
/// md.comp.outlined-select.text-field.disabled.supporting-text.opacity (Disabled / Supporting text)
$text-field-disabled-supporting-text-opacity: 0.38;
/// md.comp.outlined-select.text-field.disabled.trailing-icon.opacity (Disabled / Trailing icon)
$text-field-disabled-trailing-icon-opacity: 0.38;
/// md.comp.outlined-select.text-field.hover.outline.width (Hovered / Container)
$text-field-hover-outline-width: 1px;
/// md.comp.outlined-select.text-field.leading-icon.size (Enabled / Leading icon)
$text-field-leading-icon-size: 24px;
/// md.comp.outlined-select.text-field.outline.width (Enabled / Container)
$text-field-outline-width: 1px;
/// md.comp.outlined-select.text-field.trailing-icon.size (Enabled / Trailing icon)
$text-field-trailing-icon-size: 24px;
/// md.comp.outlined-select.menu.cascading-menu-indicator.icon.color (Enabled / Icon)
$menu-cascading-menu-indicator-icon-color: md-sys-color.$on-surface-variant;
/// md.comp.outlined-select.menu.container.color (Enabled / Container)
$menu-container-color: md-sys-color.$surface-container;
/// md.comp.outlined-select.menu.container.elevation (Enabled / Container)
$menu-container-elevation: md-sys-elevation.$level2;
/// md.comp.outlined-select.menu.container.shadow-color (Enabled / Container)
$menu-container-shadow-color: md-sys-color.$shadow;
/// md.comp.outlined-select.menu.container.shape (Enabled / Container)
$menu-container-shape: md-sys-shape.$corner-extra-small;
/// md.comp.outlined-select.menu.container.surface-tint-layer.color (Enabled / Container)
///
/// @deprecated Deprecated as part of the update from opacity based surfaces to tonal surfaces. Surfaces no longer use surface-tint layers for tinting, please use the desired surface role directly as the container color.
$menu-container-surface-tint-layer-color: md-sys-color.$surface-tint;
/// md.comp.outlined-select.menu.divider.color (Enabled / Divider)
$menu-divider-color: md-sys-color.$surface-variant;
/// md.comp.outlined-select.menu.list-item.label-text.color (Enabled / Label text)
$menu-list-item-label-text-color: md-sys-color.$on-surface;
/// md.comp.outlined-select.menu.list-item.label-text.font (Enabled / Label text)
$menu-list-item-label-text-font: md-sys-typescale.$label-large-font;
/// md.comp.outlined-select.menu.list-item.label-text.line-height (Enabled / Label text)
$menu-list-item-label-text-line-height: md-sys-typescale.$label-large-line-height;
/// md.comp.outlined-select.menu.list-item.label-text.size (Enabled / Label text)
$menu-list-item-label-text-size: md-sys-typescale.$label-large-size;
/// md.comp.outlined-select.menu.list-item.label-text.tracking (Enabled / Label text)
$menu-list-item-label-text-tracking: md-sys-typescale.$label-large-tracking;
/// md.comp.outlined-select.menu.list-item.label-text.weight (Enabled / Label text)
$menu-list-item-label-text-weight: md-sys-typescale.$label-large-weight;
/// md.comp.outlined-select.menu.list-item.selected.container.color (Enabled / Container)
$menu-list-item-selected-container-color: md-sys-color.$surface-container-highest;
/// md.comp.outlined-select.menu.list-item.with-leading-icon.leading-icon.color (Enabled / Leading icon)
$menu-list-item-with-leading-icon-leading-icon-color: md-sys-color.$on-surface-variant;
/// md.comp.outlined-select.menu.list-item.with-trailing-icon.trailing-icon.color (Enabled / Trailing icon)
$menu-list-item-with-trailing-icon-trailing-icon-color: md-sys-color.$on-surface-variant;
/// md.comp.outlined-select.text-field.caret.color (Enabled / Caret)
///
/// @deprecated Removed caret related tokens from Select variants as these components don't support entering free text.
$text-field-caret-color: md-sys-color.$primary;
/// md.comp.outlined-select.text-field.container.color (Enabled / Container)
$text-field-container-color: md-sys-color.$surface-container-highest;
/// md.comp.outlined-select.text-field.container.shape (Enabled / Container)
$text-field-container-shape: md-sys-shape.$corner-extra-small;
/// md.comp.outlined-select.text-field.disabled.input-text.color (Disabled / Input text)
$text-field-disabled-input-text-color: md-sys-color.$on-surface;
/// md.comp.outlined-select.text-field.disabled.label-text.color (Disabled / Label text)
$text-field-disabled-label-text-color: md-sys-color.$on-surface;
/// md.comp.outlined-select.text-field.disabled.leading-icon.color (Disabled / Leading icon)
$text-field-disabled-leading-icon-color: md-sys-color.$on-surface;
/// md.comp.outlined-select.text-field.disabled.outline.color (Disabled / Container)
$text-field-disabled-outline-color: md-sys-color.$on-surface;
/// md.comp.outlined-select.text-field.disabled.supporting-text.color (Disabled / Supporting text)
$text-field-disabled-supporting-text-color: md-sys-color.$on-surface;
/// md.comp.outlined-select.text-field.disabled.trailing-icon.color (Disabled / Trailing icon)
$text-field-disabled-trailing-icon-color: md-sys-color.$on-surface;
/// md.comp.outlined-select.text-field.error.focus.caret.color (Error / Focus)
///
/// @deprecated Removed caret related tokens from Select variants as these components don't support entering free text.
$text-field-error-focus-caret-color: md-sys-color.$error;
/// md.comp.outlined-select.text-field.error.focus.input-text.color (Error / Focus)
$text-field-error-focus-input-text-color: md-sys-color.$on-surface;
/// md.comp.outlined-select.text-field.error.focus.label-text.color (Error / Focus)
$text-field-error-focus-label-text-color: md-sys-color.$error;
/// md.comp.outlined-select.text-field.error.focus.leading-icon.color (Error / Focus)
$text-field-error-focus-leading-icon-color: md-sys-color.$on-surface-variant;
/// md.comp.outlined-select.text-field.error.focus.outline.color (Error / Focus)
$text-field-error-focus-outline-color: md-sys-color.$error;
/// md.comp.outlined-select.text-field.error.focus.supporting-text.color (Error / Focus)
$text-field-error-focus-supporting-text-color: md-sys-color.$error;
/// md.comp.outlined-select.text-field.error.focus.trailing-icon.color (Error / Focus)
$text-field-error-focus-trailing-icon-color: md-sys-color.$error;
/// md.comp.outlined-select.text-field.error.hover.input-text.color (Error / Hover)
$text-field-error-hover-input-text-color: md-sys-color.$on-surface;
/// md.comp.outlined-select.text-field.error.hover.label-text.color (Error / Hover)
$text-field-error-hover-label-text-color: md-sys-color.$on-error-container;
/// md.comp.outlined-select.text-field.error.hover.leading-icon.color (Error / Hover)
$text-field-error-hover-leading-icon-color: md-sys-color.$on-surface-variant;
/// md.comp.outlined-select.text-field.error.hover.outline.color (Error / Hover)
$text-field-error-hover-outline-color: md-sys-color.$on-error-container;
/// md.comp.outlined-select.text-field.error.hover.state-layer.color (Error / Hover)
$text-field-error-hover-state-layer-color: md-sys-color.$on-surface;
/// md.comp.outlined-select.text-field.error.hover.state-layer.opacity (Error / Hover)
$text-field-error-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
/// md.comp.outlined-select.text-field.error.hover.supporting-text.color (Error / Hover)
$text-field-error-hover-supporting-text-color: md-sys-color.$error;
/// md.comp.outlined-select.text-field.error.hover.trailing-icon.color (Error / Hover)
$text-field-error-hover-trailing-icon-color: md-sys-color.$on-error-container;
/// md.comp.outlined-select.text-field.error.input-text.color (Error)
$text-field-error-input-text-color: md-sys-color.$on-surface;
/// md.comp.outlined-select.text-field.error.label-text.color (Error)
$text-field-error-label-text-color: md-sys-color.$error;
/// md.comp.outlined-select.text-field.error.leading-icon.color (Error)
$text-field-error-leading-icon-color: md-sys-color.$on-surface-variant;
/// md.comp.outlined-select.text-field.error.outline.color (Error)
$text-field-error-outline-color: md-sys-color.$error;
/// md.comp.outlined-select.text-field.error.supporting-text.color (Error)
$text-field-error-supporting-text-color: md-sys-color.$error;
/// md.comp.outlined-select.text-field.error.trailing-icon.color (Error)
$text-field-error-trailing-icon-color: md-sys-color.$error;
/// md.comp.outlined-select.text-field.focus.input-text.color (Focused / Input text)
$text-field-focus-input-text-color: md-sys-color.$on-surface;
/// md.comp.outlined-select.text-field.focus.label-text.color (Focused / Label text)
$text-field-focus-label-text-color: md-sys-color.$primary;
/// md.comp.outlined-select.text-field.focus.leading-icon.color (Focused / Leading icon)
$text-field-focus-leading-icon-color: md-sys-color.$on-surface-variant;
/// md.comp.outlined-select.text-field.focus.outline.color (Focused / Container)
$text-field-focus-outline-color: md-sys-color.$primary;
/// md.comp.outlined-select.text-field.focus.outline.width (Focused / Container)
$text-field-focus-outline-width: md-sys-state-focus-indicator.$thickness;
/// md.comp.outlined-select.text-field.focus.supporting-text.color (Focused / Supporting text)
$text-field-focus-supporting-text-color: md-sys-color.$on-surface-variant;
/// md.comp.outlined-select.text-field.focus.trailing-icon.color (Focused / Trailing icon)
$text-field-focus-trailing-icon-color: md-sys-color.$primary;
/// md.comp.outlined-select.text-field.hover.input-text.color (Hovered / Input text)
$text-field-hover-input-text-color: md-sys-color.$on-surface;
/// md.comp.outlined-select.text-field.hover.label-text.color (Hovered / Label text)
$text-field-hover-label-text-color: md-sys-color.$on-surface;
/// md.comp.outlined-select.text-field.hover.leading-icon.color (Hovered / Leading icon)
$text-field-hover-leading-icon-color: md-sys-color.$on-surface-variant;
/// md.comp.outlined-select.text-field.hover.outline.color (Hovered / Container)
$text-field-hover-outline-color: md-sys-color.$on-surface;
/// md.comp.outlined-select.text-field.hover.state-layer.color (Hovered / State layer)
$text-field-hover-state-layer-color: md-sys-color.$on-surface;
/// md.comp.outlined-select.text-field.hover.state-layer.opacity (Hovered / State layer)
$text-field-hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
/// md.comp.outlined-select.text-field.hover.supporting-text.color (Hovered / Supporting text)
$text-field-hover-supporting-text-color: md-sys-color.$on-surface-variant;
/// md.comp.outlined-select.text-field.hover.trailing-icon.color (Hovered / Trailing icon)
$text-field-hover-trailing-icon-color: md-sys-color.$on-surface-variant;
/// md.comp.outlined-select.text-field.input-text.color (Enabled / Input text)
$text-field-input-text-color: md-sys-color.$on-surface;
/// md.comp.outlined-select.text-field.input-text.font (Enabled / Input text)
$text-field-input-text-font: md-sys-typescale.$body-large-font;
/// md.comp.outlined-select.text-field.input-text.line-height (Enabled / Input text)
$text-field-input-text-line-height: md-sys-typescale.$body-large-line-height;
/// md.comp.outlined-select.text-field.input-text.size (Enabled / Input text)
$text-field-input-text-size: md-sys-typescale.$body-large-size;
/// md.comp.outlined-select.text-field.input-text.tracking (Enabled / Input text)
$text-field-input-text-tracking: md-sys-typescale.$body-large-tracking;
/// md.comp.outlined-select.text-field.input-text.weight (Enabled / Input text)
$text-field-input-text-weight: md-sys-typescale.$body-large-weight;
/// md.comp.outlined-select.text-field.label-text.color (Enabled / Label text)
$text-field-label-text-color: md-sys-color.$on-surface-variant;
/// md.comp.outlined-select.text-field.label-text.font (Enabled / Label text)
$text-field-label-text-font: md-sys-typescale.$body-large-font;
/// md.comp.outlined-select.text-field.label-text.line-height (Enabled / Label text)
$text-field-label-text-line-height: md-sys-typescale.$body-large-line-height;
/// md.comp.outlined-select.text-field.label-text.populated.line-height (Enabled / Label text)
$text-field-label-text-populated-line-height: md-sys-typescale.$body-small-line-height;
/// md.comp.outlined-select.text-field.label-text.populated.size (Enabled / Label text)
$text-field-label-text-populated-size: md-sys-typescale.$body-small-size;
/// md.comp.outlined-select.text-field.label-text.size (Enabled / Label text)
$text-field-label-text-size: md-sys-typescale.$body-large-size;
/// md.comp.outlined-select.text-field.label-text.tracking (Enabled / Label text)
$text-field-label-text-tracking: md-sys-typescale.$body-large-tracking;
/// md.comp.outlined-select.text-field.label-text.weight (Enabled / Label text)
$text-field-label-text-weight: md-sys-typescale.$body-large-weight;
/// md.comp.outlined-select.text-field.leading-icon.color (Enabled / Leading icon)
$text-field-leading-icon-color: md-sys-color.$on-surface-variant;
/// md.comp.outlined-select.text-field.outline.color (Enabled / Container)
$text-field-outline-color: md-sys-color.$outline;
/// md.comp.outlined-select.text-field.supporting-text.color (Enabled / Supporting text)
$text-field-supporting-text-color: md-sys-color.$on-surface-variant;
/// md.comp.outlined-select.text-field.supporting-text.font (Enabled / Supporting text)
$text-field-supporting-text-font: md-sys-typescale.$body-small-font;
/// md.comp.outlined-select.text-field.supporting-text.line-height (Enabled / Supporting text)
$text-field-supporting-text-line-height: md-sys-typescale.$body-small-line-height;
/// md.comp.outlined-select.text-field.supporting-text.size (Enabled / Supporting text)
$text-field-supporting-text-size: md-sys-typescale.$body-small-size;
/// md.comp.outlined-select.text-field.supporting-text.tracking (Enabled / Supporting text)
$text-field-supporting-text-tracking: md-sys-typescale.$body-small-tracking;
/// md.comp.outlined-select.text-field.supporting-text.weight (Enabled / Supporting text)
$text-field-supporting-text-weight: md-sys-typescale.$body-small-weight;
/// md.comp.outlined-select.text-field.trailing-icon.color (Enabled / Trailing icon)
$text-field-trailing-icon-color: md-sys-color.$on-surface-variant;
/// md.comp.outlined-select.menu.list-item.label-text.type (Enabled / Label text)
@mixin menu-list-item-label-text-type {
  font-family: $menu-list-item-label-text-font;
  font-size: $menu-list-item-label-text-size;
  font-weight: $menu-list-item-label-text-weight;
  letter-spacing: $menu-list-item-label-text-tracking;
  line-height: $menu-list-item-label-text-line-height;
}
/// md.comp.outlined-select.text-field.input-text.type (Enabled / Input text)
@mixin text-field-input-text-type {
  font-family: $text-field-input-text-font;
  font-size: $text-field-input-text-size;
  font-weight: $text-field-input-text-weight;
  letter-spacing: $text-field-input-text-tracking;
  line-height: $text-field-input-text-line-height;
}
/// md.comp.outlined-select.text-field.label-text.type (Enabled / Label text)
@mixin text-field-label-text-type {
  font-family: $text-field-label-text-font;
  font-size: $text-field-label-text-size;
  font-weight: $text-field-label-text-weight;
  letter-spacing: $text-field-label-text-tracking;
  line-height: $text-field-label-text-line-height;
}
/// md.comp.outlined-select.text-field.supporting-text.type (Enabled / Supporting text)
@mixin text-field-supporting-text-type {
  font-family: $text-field-supporting-text-font;
  font-size: $text-field-supporting-text-size;
  font-weight: $text-field-supporting-text-weight;
  letter-spacing: $text-field-supporting-text-tracking;
  line-height: $text-field-supporting-text-line-height;
}