{
  "version": 3,
  "sources": ["node_modules/material-symbols/outlined.css", "apps/processpuzzle-testbed/src/styles.scss", "node_modules/ngx-sharebuttons/themes/variables.scss", "node_modules/ngx-sharebuttons/themes/default.scss", "node_modules/@angular/material/core/tokens/_token-utils.scss", "node_modules/@angular/material/chips/_chips-theme.scss", "node_modules/@angular/material/button/_icon-button-theme.scss", "node_modules/@angular/material/list/_list-theme.scss", "node_modules/@angular/material/tabs/_tabs-theme.scss", "apps/processpuzzle-testbed/src/app/navigation/header/header.component.scss"],
  "sourcesContent": ["@font-face {\n  font-family: \"Material Symbols Outlined\";\n  font-style: normal;\n  font-weight: 100 700;\n  font-display: block;\n  src: url(\"./material-symbols-outlined.woff2\") format(\"woff2\");\n}\n.material-symbols-outlined {\n  font-family: \"Material Symbols Outlined\";\n  font-weight: normal;\n  font-style: normal;\n  font-size: 24px;\n  line-height: 1;\n  letter-spacing: normal;\n  text-transform: none;\n  display: inline-block;\n  white-space: nowrap;\n  word-wrap: normal;\n  direction: ltr;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  text-rendering: optimizeLegibility;\n  font-feature-settings: \"liga\";\n}\n", "/* You can add global styles to this file, and also import other style files */\n@use '@angular/material' as mat;\n@use 'ngx-sharebuttons/themes/default';\n@import 'material-symbols/outlined.css';\n\n.material-symbols-outlined {\n  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;\n}\n\n.dense-1 {\n  @include mat.all-component-densities(-1);\n}\n\n.dense-2 {\n  @include mat.all-component-densities(-2);\n}\n\n.dense-3 {\n  @include mat.all-component-densities(-3);\n}\n\nhtml, body {\n  height: 100%;\n}\n\nbody {\n  margin: 0;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n}\n\n.centered-card {\n  height: 100vh;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.form-field-box {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  min-width: 500px;\n}\n\n.toolbar-spacer {\n  flex: 1 1 auto;\n}\n\n.mat-mdc-dialog-container {\n  --mdc-dialog-container-shape: 0px;\n}\n\n@function cmyk($c, $m, $y, $k) {\n\n  $c: calc($c / 100);\n  $m: calc($m / 100);\n  $y: calc($y / 100);\n  $k: calc($k / 100);\n\n  $r: 255 * (1 - $c) * (1 - $k);\n  $g: 255 * (1 - $m) * (1 - $k);\n  $b: 255 * (1 - $y) * (1 - $k);\n\n  @return rgb($r, $g, $b);\n\n}\n", "/** Colors variables */\r\n\r\n$sb-primary: #2E4057 !default;\r\n$sb-accent: #fff !default;\r\n$sb-facebook: #4267B2 !default;\r\n$sb-x: #00acee !default;\r\n$sb-mix: #ff8226 !default;\r\n$sb-linkedin: #0a66c2 !default;\r\n$sb-pinterest: #bd081c !default;\r\n$sb-reddit: #ff4006 !default;\r\n$sb-tumblr: #36465d !default;\r\n$sb-whatsapp: #25d366 !default;\r\n$sb-messenger: #0080FF !default;\r\n$sb-telegram: #0088cc !default;\r\n$sb-xing: #006567 !default;\r\n$sb-email: #FF961C !default;\r\n$sb-viber: #665ca7 !default;\r\n$sb-vk: #4C75A3 !default;\r\n$sb-copy: #607D8B !default;\r\n$sb-print: #765AA2 !default;\r\n$sb-sms: #20c16c !default;\r\n$sb-gray: #a5a5a5 !default;\r\n$sb-expand: #FF6651 !default;\r\n$sb-line: #00b900 !default;\r\n\r\n$sb-buttons: (\r\n  facebook: $sb-facebook,\r\n  x: $sb-x,\r\n  mix: $sb-mix,\r\n  line: $sb-line,\r\n  linkedin: $sb-linkedin,\r\n  pinterest: $sb-pinterest,\r\n  reddit: $sb-reddit,\r\n  tumblr: $sb-tumblr,\r\n  whatsapp: $sb-whatsapp,\r\n  messenger: $sb-messenger,\r\n  telegram: $sb-telegram,\r\n  xing: $sb-xing,\r\n  sms: $sb-sms,\r\n  email: $sb-email,\r\n  viber: $sb-viber,\r\n  vk: $sb-vk,\r\n  copy: $sb-copy,\r\n  print: $sb-print,\r\n  expand: $sb-expand\r\n) !default;\r\n", "@use \"variables\" as vars;\r\n\r\n.sb-default .sb-wrapper {\r\n  --sb-color: #{vars.$sb-accent};\r\n  --sb-background: var(--button-color);\r\n  --sb-border-radius: 4px;\r\n  --sb-overflow: hidden;\r\n\r\n  &.sb-show-icon.sb-show-text {\r\n    --sb-text-padding: 0 1em 0 0;\r\n\r\n    .sb-text {\r\n      filter: none;\r\n    }\r\n  }\r\n}\r\n", "@use '../style/sass-utils';\n@use 'sass:list';\n@use 'sass:map';\n@use 'sass:string';\n\n// Creates a CSS variable, including the fallback if provided.\n@function _create-var($name, $fallback: null) {\n  @if ($fallback) {\n    @return var($name, $fallback);\n  } @else {\n    @return var($name);\n  }\n}\n\n// Returns a list of overrides for the given M3 get-tokens mixin and prefix. Each token has its\n// prefix removed since the overrides API expects its absence. The returned map includes \"all\" for\n// all override tokens, and also the subsets with keys base, color, typography, and density.\n@function get-overrides($tokens, $prefix) {\n  $base: remove-token-prefixes(map.get($tokens, base), $prefix);\n  $color: remove-token-prefixes(map.get($tokens, color), $prefix);\n  $typography: remove-token-prefixes(map.get($tokens, typography), $prefix);\n  $density: remove-token-prefixes(map.get($tokens, density), $prefix);\n  $all: ();\n  @each $map in ($base, $color, $typography, $density) {\n    $all: map.merge($all, $map);\n  }\n\n  @return (\n    all: $all,\n    base: $base,\n    color: $color,\n    typography: $typography,\n    density: $density,\n  );\n}\n\n// Removes a prefix from each component token in the provided map of prefixed tokens.\n@function remove-token-prefixes($prefixed-tokens: (), $prefix) {\n  $tokens: ();\n  @each $prefixed-token, $value in $prefixed-tokens {\n    $token: string.slice($prefixed-token, string.length($prefix) + 2);\n    $tokens: map.set($tokens, $token, $value);\n  }\n  @return $tokens;\n}\n\n// Returns the token slot value.\n// Accepts an optional fallback parameter to include in the CSS variable.\n// If $fallback is `true`, then use the tokens map to get the fallback.\n@function slot($token, $fallbacks, $fallback: null) {\n  // Fallbacks are a map of base, color, typography, and density tokens. To simplify\n  // lookup, flatten these token groups into a single map.\n  $fallbacks-flattened: ();\n  @each $tokens in map.values($fallbacks) {\n    @each $token, $value in $tokens {\n      $fallbacks-flattened: map.set($fallbacks-flattened, $token, $value);\n    }\n  }\n  @if not map.has-key($fallbacks-flattened, $token) {\n    @error 'Token #{$token} does not exist. Configured tokens are:' +\n        #{map.keys($fallbacks-flattened)};\n  }\n\n  $sys-fallback: map.get($fallbacks-flattened, $token);\n  @if (sass-utils.is-css-var-name($sys-fallback)) {\n    $sys-fallback: _create-var($sys-fallback, $fallback);\n  }\n\n  @return _create-var(--mat-#{$token}, $sys-fallback);\n}\n\n// Outputs a map of token values as CSS variable definitions.\n@mixin values($tokens) {\n  @include sass-utils.current-selector-or-root() {\n    @each $key, $value in $tokens {\n      @if $value != null {\n        --mat-#{$key}: #{$value};\n      }\n    }\n  }\n}\n\n/// Emits new token values for the given token overrides.\n/// Verifies that the overrides passed in are valid tokens.\n/// New token values are emitted under the current selector or root.\n@mixin batch-create-token-values($overrides: (), $namespace-configs) {\n  @include sass-utils.current-selector-or-root() {\n    $prefixed-name-data: ();\n    $all-names: ();\n\n    @each $config in $namespace-configs {\n      $namespace: map.get($config, namespace);\n      $tokens: map.get(map.get($config, tokens), all);\n      $prefix: '';\n\n      @if (map.has-key($config, prefix)) {\n        $prefix: map.get($config, prefix);\n      }\n\n      @each $name, $value in $tokens {\n        $prefixed-name: $prefix + $name;\n        $all-names: list.append($all-names, $prefixed-name, $separator: comma);\n        $prefixed-name-data: map.set($prefixed-name-data, $prefixed-name, ($namespace, $name));\n      }\n    }\n\n    @each $name, $value in $overrides {\n      @if map.has-key($prefixed-name-data, $name) {\n        $data: map.get($prefixed-name-data, $name);\n        $namespace: list.nth($data, 1);\n        $name: list.nth($data, 2);\n        $prefixed-name: $namespace + '-' + $name;\n        @include values(($prefixed-name: $value));\n      } @else {\n        @error #{'Invalid token name `'}#{$name}#{'`. '}#{'Valid tokens are: '}#{$all-names};\n      }\n    }\n  }\n}\n", "@use 'sass:color';\n@use './m2-chip';\n@use './m3-chip';\n@use '../core/tokens/token-utils';\n@use '../core/theming/inspection';\n@use '../core/typography/typography';\n@use 'sass:map';\n\n/// Outputs base theme styles (styles not dependent on the color, typography, or density settings)\n/// for the mat-chips.\n/// @param {Map} $theme The theme to generate base styles for.\n@mixin base($theme) {\n  @if inspection.get-theme-version($theme) == 1 {\n    @include token-utils.values(map.get(m3-chip.get-tokens($theme), base));\n  } @else {\n    .mat-mdc-standard-chip {\n      @include token-utils.values(map.get(m2-chip.get-tokens($theme), base));\n    }\n  }\n}\n\n/// Outputs color theme styles for the mat-chips.\n/// @param {Map} $theme The theme to generate color styles for.\n/// @param {String} $color-variant The color variant to use for the component (M3 only)\n@mixin color($theme, $color-variant: null) {\n  @if inspection.get-theme-version($theme) == 1 {\n    @include token-utils.values(\n        map.get(m3-chip.get-tokens($theme, $color-variant), color));\n  } @else {\n    .mat-mdc-standard-chip {\n      @include token-utils.values(map.get(m2-chip.get-tokens($theme), color));\n\n      &.mat-mdc-chip-selected,\n      &.mat-mdc-chip-highlighted {\n        &.mat-primary {\n          @include token-utils.values(\n              m2-chip.private-get-color-palette-color-tokens($theme, primary));\n        }\n\n        &.mat-accent {\n          @include token-utils.values(\n              m2-chip.private-get-color-palette-color-tokens($theme, secondary));\n        }\n\n        &.mat-warn {\n          @include token-utils.values(\n              m2-chip.private-get-color-palette-color-tokens($theme, error));\n        }\n      }\n    }\n  }\n}\n\n/// Outputs typography theme styles for the mat-chips.\n/// @param {Map} $theme The theme to generate typography styles for.\n@mixin typography($theme) {\n  @if inspection.get-theme-version($theme) == 1 {\n    @include token-utils.values(map.get(m3-chip.get-tokens($theme), typography));\n  } @else {\n    .mat-mdc-standard-chip {\n      @include token-utils.values(map.get(m2-chip.get-tokens($theme), typography));\n    }\n  }\n}\n\n/// Outputs density theme styles for the mat-chips.\n/// @param {Map} $theme The theme to generate density styles for.\n@mixin density($theme) {\n  @if inspection.get-theme-version($theme) == 1 {\n    @include token-utils.values(map.get(m3-chip.get-tokens($theme), density));\n  } @else {\n    .mat-mdc-chip.mat-mdc-standard-chip {\n      @include token-utils.values(map.get(m2-chip.get-tokens($theme), density));\n    }\n  }\n}\n\n/// Defines the tokens that will be available in the `overrides` mixin and for docs extraction.\n@function _define-overrides() {\n  @return (\n    (\n      namespace: chip,\n      tokens: token-utils.get-overrides(m3-chip.get-tokens(), chip)\n    ),\n  );\n}\n\n/// Outputs the CSS variable values for the given tokens.\n/// @param {Map} $tokens The token values to emit.\n@mixin overrides($tokens: ()) {\n    @include token-utils.batch-create-token-values($tokens, _define-overrides());\n}\n\n/// Outputs all (base, color, typography, and density) theme styles for the mat-chips.\n/// @param {Map} $theme The theme to generate styles for.\n/// @param {String} $color-variant The color variant to use for the component (M3 only)\n@mixin theme($theme, $color-variant: null) {\n  @if inspection.get-theme-version($theme) == 1 {\n    @include base($theme);\n    @include color($theme, $color-variant);\n    @include density($theme);\n    @include typography($theme);\n  } @else {\n    @include base($theme);\n    @if inspection.theme-has($theme, color) {\n      @include color($theme);\n    }\n    @if inspection.theme-has($theme, density) {\n      @include density($theme);\n    }\n    @if inspection.theme-has($theme, typography) {\n      @include typography($theme);\n    }\n  }\n}\n", "@use 'sass:map';\n@use 'sass:math';\n@use './m2-icon-button';\n@use './m3-icon-button';\n@use '../core/tokens/token-utils';\n@use '../core/tokens/m2-utils';\n@use '../core/theming/inspection';\n@use '../core/theming/theming';\n\n@mixin base($theme) {\n  $tokens: map.get(m2-icon-button.get-tokens($theme), base);\n  @if inspection.get-theme-version($theme) == 1 {\n    $tokens: map.get(m3-icon-button.get-tokens($theme), base);\n  }\n\n  @include token-utils.values($tokens);\n}\n\n/// Outputs color theme styles for the mat-icon-button.\n/// @param {Map} $theme The theme to generate color styles for.\n/// @param {String} $color-variant: The color variant to use for the\n//         button: primary, secondary, tertiary, or error.\n@mixin color($theme, $color-variant: null) {\n  $tokens: map.get(m2-icon-button.get-tokens($theme), color);\n  @if inspection.get-theme-version($theme) == 1 {\n    $tokens: map.get(m3-icon-button.get-tokens($theme, $color-variant), color);\n  }\n\n  @include token-utils.values($tokens);\n\n  @if inspection.get-theme-version($theme) != 1 {\n    .mat-mdc-icon-button {\n      &.mat-primary {\n        $tokens: m2-icon-button.private-get-color-palette-color-tokens($theme, primary);\n        @include token-utils.values($tokens);\n      }\n\n      &.mat-accent {\n        $tokens: m2-icon-button.private-get-color-palette-color-tokens($theme, secondary);\n        @include token-utils.values($tokens);\n      }\n\n      &.mat-warn {\n        $tokens: m2-icon-button.private-get-color-palette-color-tokens($theme, error);\n        @include token-utils.values($tokens);\n      }\n    }\n  }\n}\n\n@mixin typography($theme) {\n  $tokens: map.get(m2-icon-button.get-tokens($theme), typography);\n  @if inspection.get-theme-version($theme) == 1 {\n    $tokens: map.get(m3-icon-button.get-tokens($theme), typography);\n  }\n\n  @include token-utils.values($tokens);\n}\n\n@mixin density($theme) {\n  @if inspection.get-theme-version($theme) == 1 {\n    @include token-utils.values(map.get(m3-icon-button.get-tokens($theme), density));\n  } @else {\n    $icon-size: 24px;\n    $system: m2-utils.get-system($theme);\n    $density-scale: theming.clamp-density(map.get($system, density-scale), -5);\n    $size-map: (\n      0: 48px,\n      -1: 44px,\n      -2: 40px,\n      -3: 36px,\n      -4: 32px,\n      -5: 28px,\n    );\n    $calculated-size: map.get($size-map, $density-scale);\n\n    $density-tokens: map.get(m2-icon-button.get-tokens($theme), density);\n    $density-tokens: map.remove($density-tokens, icon-button-state-layer-size);\n    @include token-utils.values($density-tokens);\n\n    // Use `mat-mdc-button-base` to increase the specificity over the button's structural styles.\n    .mat-mdc-icon-button.mat-mdc-button-base {\n      // Match the styles that used to be present. This is necessary for backwards\n      // compat to match the previous implementations selector count (two classes).\n      --mdc-icon-button-state-layer-size: #{$calculated-size};\n      --mat-icon-button-state-layer-size: #{$calculated-size};\n\n      // TODO: Switch calculated-size to \"var(--mat-icon-button-state-layer-size)\"\n      // Currently fails validation because the variable is \"undefined\"\n      // in the sass stack.\n      // TODO: Switch icon-size to \"var(--mat-icon-button-icon-size)\". Currently\n      // fails validation because the variable is \"undefined\" in the sass stack.\n      width: var(--mat-icon-button-state-layer-size);\n      height: var(--mat-icon-button-state-layer-size);\n      padding: math.div($calculated-size - $icon-size, 2);\n    }\n  }\n}\n\n/// Defines the tokens that will be available in the `overrides` mixin and for docs extraction.\n@function _define-overrides() {\n  @return (\n    (\n      namespace: icon-button,\n      tokens: token-utils.get-overrides(m3-icon-button.get-tokens(), icon-button)\n    ),\n  );\n}\n\n@mixin overrides($tokens: ()) {\n    @include token-utils.batch-create-token-values($tokens, _define-overrides());\n}\n\n/// Outputs all (base, color, typography, and density) theme styles for the mat-icon-button.\n/// @param {Map} $theme The theme to generate styles for.\n/// @param {String} $color-variant: The color variant to use for the button: primary,\n//         secondary, tertiary, or error.\n@mixin theme($theme, $color-variant: null) {\n    @if inspection.get-theme-version($theme) == 1 {\n      @include base($theme);\n      @include color($theme, $color-variant);\n      @include density($theme);\n      @include typography($theme);\n    } @else {\n      @include base($theme);\n      @if inspection.theme-has($theme, color) {\n        @include color($theme);\n      }\n      @if inspection.theme-has($theme, density) {\n        @include density($theme);\n      }\n      @if inspection.theme-has($theme, typography) {\n        @include typography($theme);\n    }\n  }\n}\n", "@use 'sass:map';\n\n@use '../checkbox/m2-checkbox';\n@use '../core/theming/inspection';\n@use '../core/tokens/token-utils';\n@use '../core/typography/typography';\n@use '../radio/m2-radio';\n@use './m2-list';\n@use './m3-list';\n@use '../core/tokens/m2-utils';\n@use '../core/theming/theming';\n\n@mixin base($theme) {\n  $tokens: map.get(m2-list.get-tokens($theme), base);\n  @if inspection.get-theme-version($theme) == 1 {\n    $tokens: map.get(m3-list.get-tokens($theme), base);\n  }\n\n  @include token-utils.values($tokens);\n}\n\n@mixin color($theme) {\n  $tokens: map.get(m2-list.get-tokens($theme), color);\n  @if inspection.get-theme-version($theme) == 1 {\n    $tokens: map.get(m3-list.get-tokens($theme), color);\n  }\n\n  @include token-utils.values($tokens);\n\n  @if inspection.get-theme-version($theme) != 1 {\n    .mdc-list-item__start,\n    .mdc-list-item__end {\n      $tokens: m2-radio.private-get-color-palette-color-tokens($theme, primary);\n      @include token-utils.values($tokens);\n    }\n\n    .mat-accent {\n      .mdc-list-item__start,\n      .mdc-list-item__end {\n        $tokens: m2-radio.private-get-color-palette-color-tokens($theme, secondary);\n        @include token-utils.values($tokens);\n      }\n    }\n\n    .mat-warn {\n      .mdc-list-item__start,\n      .mdc-list-item__end {\n        $tokens: m2-radio.private-get-color-palette-color-tokens($theme, error);\n        @include token-utils.values($tokens);\n      }\n    }\n\n    .mat-mdc-list-option {\n      $tokens: m2-checkbox.private-get-color-palette-color-tokens($theme, primary);\n      @include token-utils.values($tokens);\n    }\n\n    .mat-mdc-list-option.mat-accent {\n      $tokens: m2-checkbox.private-get-color-palette-color-tokens($theme, secondary);\n      @include token-utils.values($tokens);\n    }\n\n    .mat-mdc-list-option.mat-warn {\n      $tokens: m2-checkbox.private-get-color-palette-color-tokens($theme, error);\n      @include token-utils.values($tokens);\n    }\n\n    // There is no token for activated color on nav list.\n    // TODO(mmalerba): Add a token to MDC or make a custom one.\n    .mat-mdc-list-base.mat-mdc-list-base {\n      .mdc-list-item--selected,\n      .mdc-list-item--activated {\n        .mdc-list-item__primary-text,\n        .mdc-list-item__start {\n          color: inspection.get-theme-color($theme, primary);\n        }\n      }\n    }\n\n    // TODO(mmalerba): Leaking styles from the old MDC list mixins used in other components can\n    //  cause opacity issues, so we need this override for now. We can remove it when all\n    //  Angular Material components stop using the old MDC mixins.\n    .mat-mdc-list-base .mdc-list-item--disabled {\n      .mdc-list-item__start,\n      .mdc-list-item__content,\n      .mdc-list-item__end {\n        opacity: 1;\n      }\n    }\n  }\n}\n\n@mixin density($theme) {\n  $tokens: map.get(m2-list.get-tokens($theme), density);\n  @if inspection.get-theme-version($theme) == 1 {\n    $tokens: map.get(m3-list.get-tokens($theme), density);\n  }\n\n  @include token-utils.values($tokens);\n\n  @if inspection.get-theme-version($theme) != 1 {\n    $system: m2-utils.get-system($theme);\n    $density-scale: theming.clamp-density(map.get($system, density-scale), -5);\n\n    .mdc-list-item__start,\n    .mdc-list-item__end {\n      $tokens: map.get(m2-radio.get-tokens($theme), density);\n      @include token-utils.values($tokens);\n    }\n\n    // TODO(mmalerba): This is added to maintain the same style MDC used prior to the token-based\n    //  API, to avoid screenshot diffs. We should remove it in favor of following MDC's current\n    //  style, or add custom tokens for it.\n    .mat-mdc-list-item {\n      &.mdc-list-item--with-leading-avatar,\n      &.mdc-list-item--with-leading-checkbox,\n      &.mdc-list-item--with-leading-icon {\n        &.mdc-list-item--with-one-line {\n          height: map.get(\n            (\n              0: 56px,\n              -1: 52px,\n              -2: 48px,\n              -3: 44px,\n              -4: 40px,\n              -5: 40px,\n            ),\n            $density-scale\n          );\n        }\n\n        &.mdc-list-item--with-two-lines {\n          height: map.get(\n            (\n              0: 72px,\n              -1: 68px,\n              -2: 64px,\n              -3: 60px,\n              -4: 56px,\n              -5: 56px,\n            ),\n            $density-scale\n          );\n        }\n      }\n    }\n  }\n}\n\n@mixin typography($theme) {\n  $tokens: map.get(m2-list.get-tokens($theme), typography);\n  @if inspection.get-theme-version($theme) == 1 {\n    $tokens: map.get(m3-list.get-tokens($theme), typography);\n  }\n\n  @include token-utils.values($tokens);\n\n  @if inspection.get-theme-version($theme) != 1 {\n    // MDC does not have tokens for the subheader.\n    // TODO(mmalerba): Discuss with MDC about adding them, or create custom tokens.\n    .mdc-list-group__subheader {\n      $system: m2-utils.get-system($theme);\n      font: map.get($system, label-large);\n      letter-spacing: map.get($system, label-large-tracking);\n    }\n  }\n}\n\n/// Defines the tokens that will be available in the `overrides` mixin and for docs extraction.\n@function _define-overrides() {\n  @return (\n    (\n      namespace: list,\n      tokens: token-utils.get-overrides(m3-list.get-tokens(), list)\n    ),\n  );\n}\n\n@mixin overrides($tokens: ()) {\n    @include token-utils.batch-create-token-values($tokens, _define-overrides());\n}\n\n@mixin theme($theme) {\n  @if inspection.get-theme-version($theme) == 1 {\n    @include base($theme);\n    @include color($theme);\n    @include density($theme);\n    @include typography($theme);\n  } @else {\n    @include base($theme);\n    @if inspection.theme-has($theme, color) {\n      @include color($theme);\n    }\n    @if inspection.theme-has($theme, density) {\n      @include density($theme);\n    }\n    @if inspection.theme-has($theme, typography) {\n      @include typography($theme);\n    }\n  }\n}\n", "@use './m2-tabs';\n@use './m3-tabs';\n@use '../core/theming/inspection';\n@use '../core/typography/typography';\n@use '../core/tokens/token-utils';\n@use 'sass:map';\n\n@mixin base($theme) {\n  $tokens: map.get(m2-tabs.get-tokens($theme), base);\n  @if inspection.get-theme-version($theme) == 1 {\n    $tokens: map.get(m3-tabs.get-tokens($theme), base);\n  }\n\n  @include token-utils.values($tokens);\n}\n\n/// Outputs color theme styles for the mat-tab.\n/// @param {Map} $theme The theme to generate color styles for.\n/// @param {String} $color-variant The color variant to use for the component (M3 only)\n@mixin color($theme, $color-variant: null) {\n  @if inspection.get-theme-version($theme) == 1 {\n    $tokens: map.get(m3-tabs.get-tokens($theme, $color-variant), color);\n    @include token-utils.values($tokens);\n  } @else {\n    .mat-mdc-tab-group,\n    .mat-mdc-tab-nav-bar {\n      @include token-utils.values(\n          m2-tabs.private-get-color-palette-color-tokens($theme, primary,\n            $exclude: (tab-background-color, tab-foreground-color)));\n\n      &.mat-accent {\n        @include token-utils.values(\n          m2-tabs.private-get-color-palette-color-tokens($theme, secondary,\n            $exclude: (tab-background-color, tab-foreground-color)));\n      }\n\n      &.mat-warn {\n        @include token-utils.values(\n          m2-tabs.private-get-color-palette-color-tokens($theme, error,\n            $exclude: (tab-background-color, tab-foreground-color)));\n      }\n\n      &.mat-background-primary {\n        $tokens: m2-tabs.private-get-color-palette-color-tokens($theme, primary);\n        @include token-utils.values((\n          tab-background-color: map.get($tokens, tab-background-color),\n          tab-foreground-color: map.get($tokens, tab-foreground-color)\n        ));\n      }\n\n      &.mat-background-accent {\n        $tokens: m2-tabs.private-get-color-palette-color-tokens($theme, secondary);\n        @include token-utils.values((\n          tab-background-color: map.get($tokens, tab-background-color),\n          tab-foreground-color: map.get($tokens, tab-foreground-color),\n        ));\n      }\n\n      &.mat-background-warn {\n        $tokens: m2-tabs.private-get-color-palette-color-tokens($theme, error);\n        @include token-utils.values((\n          tab-background-color: map.get($tokens, tab-background-color),\n          tab-foreground-color: map.get($tokens, tab-foreground-color),\n        ));\n      }\n    }\n  }\n}\n\n/// Outputs typography theme styles for the mat-tab.\n/// @param {Map} $theme The theme to generate typography styles for.\n@mixin typography($theme) {\n  @if inspection.get-theme-version($theme) == 1 {\n    @include token-utils.values(map.get(m3-tabs.get-tokens($theme), typography));\n  } @else {\n    .mat-mdc-tab-header {\n      @include token-utils.values(map.get(m2-tabs.get-tokens($theme), typography));\n    }\n  }\n}\n\n/// Outputs density theme styles for the mat-tab.\n/// @param {Map} $theme The theme to generate density styles for.\n@mixin density($theme) {\n  @if inspection.get-theme-version($theme) == 1 {\n    @include token-utils.values(map.get(m3-tabs.get-tokens($theme), density));\n  } @else {\n    .mat-mdc-tab-header {\n      @include token-utils.values(map.get(m2-tabs.get-tokens($theme), density));\n    }\n  }\n}\n\n/// Defines the tokens that will be available in the `overrides` mixin and for docs extraction.\n@function _define-overrides() {\n  @return (\n    (\n      namespace: tab,\n      tokens: token-utils.get-overrides(m3-tabs.get-tokens(), tab)\n    ),\n  );\n}\n\n/// Outputs the CSS variable values for the given tokens.\n/// @param {Map} $tokens The token values to emit.\n@mixin overrides($tokens: ()) {\n    @include token-utils.batch-create-token-values($tokens, _define-overrides());\n}\n\n/// Outputs all (base, color, typography, and density) theme styles for the mat-tab.\n/// @param {Map} $theme The theme to generate styles for.\n/// @param {String} $color-variant The color variant to use for the component (M3 only)\n@mixin theme($theme, $color-variant: null) {\n  @if inspection.get-theme-version($theme) == 1 {\n    @include base($theme);\n    @include color($theme, $color-variant);\n    @include density($theme);\n    @include typography($theme);\n  } @else {\n    @include base($theme);\n    @if inspection.theme-has($theme, color) {\n      @include color($theme);\n    }\n    @if inspection.theme-has($theme, density) {\n      @include density($theme);\n    }\n    @if inspection.theme-has($theme, typography) {\n      @include typography($theme);\n    }\n  }\n}\n", "@use '../../../styles' as *;\n\nmat-toolbar {\n  background-color: rgb(92, 218, 207) //cmyk(60, 0, 33, 5);\n}\n\n.app-header {\n  height: auto;\n}\n\n.app-logo {\n  margin: 5px;\n  border: 5px solid white;\n}\n\nmat-menu {\n  width: 100%;\n}\n\n.handset-layout {\n  flex-direction: row;\n  align-items: baseline;\n  justify-content: space-between;\n}\n\nbutton.handset-layout > span:nth-child(2) {\n  margin-bottom: 20px;\n}\n"],
  "mappings": "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",
  "names": []
}