{"version":3,"sources":["webpack:///./packages/mdc-circular-progress/mdc-circular-progress.scss","webpack:///./packages/material-components-web/node_modules/@material/theme/_css.scss","webpack:///./packages/material-components-web/node_modules/@material/theme/_gss.scss","webpack:///mdc-circular-progress.scss","webpack:///./packages/material-components-web/node_modules/@material/dom/_dom.scss","webpack:///./packages/mdc-circular-progress/_circular-progress.scss"],"names":[],"mappings":";;;;;;;AA2HE;;ECzDI;ECZF;EDwBA;AEzEJ;ACgGI;EJsBF;;IC7CE;EEpEF;AACF;;AHkIE;EC/DE;AE/DJ;;AE0PE;EACE;IACE;YAAA;EFvPJ;AACF;;AEoPE;EACE;IACE;YAAA;EFvPJ;AACF;AE8PE;EAEI;IACE;YAAA;EF7PN;EE4PI;IACE;YAAA;EF1PN;EEyPI;IACE;YAAA;EFvPN;EEsPI;IACE;YAAA;EFpPN;EEmPI;IACE;YAAA;EFjPN;EEgPI;IACE;YAAA;EF9ON;EE6OI;IACE;YAAA;EF3ON;EE0OI;IACE;YAAA;EFxON;AACF;AEoOE;EAEI;IACE;YAAA;EF7PN;EE4PI;IACE;YAAA;EF1PN;EEyPI;IACE;YAAA;EFvPN;EEsPI;IACE;YAAA;EFpPN;EEmPI;IACE;YAAA;EFjPN;EEgPI;IACE;YAAA;EF9ON;EE6OI;IACE;YAAA;EF3ON;EE0OI;IACE;YAAA;EFxON;AACF;AEiPE;EACE;IACE;EF/OJ;EEiPE;IACE;EF/OJ;EEiPE;IACE;EF/OJ;EEiPE;IACE;EF/OJ;EEiPE;IACE;EF/OJ;EEiPE;IACE;EF/OJ;AACF;AE6NE;EACE;IACE;EF/OJ;EEiPE;IACE;EF/OJ;EEiPE;IACE;EF/OJ;EEiPE;IACE;EF/OJ;EEiPE;IACE;EF/OJ;EEiPE;IACE;EF/OJ;AACF;AEuPE;EACE;IACE;EFrPJ;EEuPE;IACE;EFrPJ;EEuPE;IACE;EFrPJ;EEuPE;IACE;EFrPJ;EEuPE;IACE;EFrPJ;EEuPE;IACE;EFrPJ;AACF;AEmOE;EACE;IACE;EFrPJ;EEuPE;IACE;EFrPJ;EEuPE;IACE;EFrPJ;EEuPE;IACE;EFrPJ;EEuPE;IACE;EFrPJ;EEuPE;IACE;EFrPJ;AACF;AE6PE;EACE;IACE;EF3PJ;EE6PE;IACE;EF3PJ;EE6PE;IACE;EF3PJ;EE6PE;IACE;EF3PJ;EE6PE;IACE;EF3PJ;EE6PE;IACE;EF3PJ;AACF;AEyOE;EACE;IACE;EF3PJ;EE6PE;IACE;EF3PJ;EE6PE;IACE;EF3PJ;EE6PE;IACE;EF3PJ;EE6PE;IACE;EF3PJ;EE6PE;IACE;EF3PJ;AACF;AEmQE;EACE;IACE;EFjQJ;EEmQE;IACE;EFjQJ;EEmQE;IACE;EFjQJ;EEmQE;IACE;EFjQJ;EEmQE;IACE;EFjQJ;AACF;AEkPE;EACE;IACE;EFjQJ;EEmQE;IACE;EFjQJ;EEmQE;IACE;EFjQJ;EEmQE;IACE;EFjQJ;EEmQE;IACE;EFjQJ;AACF;AEyQE;EACE;IACE;YAAA;EFvQJ;EEyQE;IACE;YAAA;EFvQJ;EEyQE;IACE;YAAA;EFvQJ;AACF;AE8PE;EACE;IACE;YAAA;EFvQJ;EEyQE;IACE;YAAA;EFvQJ;EEyQE;IACE;YAAA;EFvQJ;AACF;AE+QE;EACE;IACE;YAAA;EF7QJ;EE+QE;IACE;YAAA;EF7QJ;EE+QE;IACE;YAAA;EF7QJ;AACF;AEoQE;EACE;IACE;YAAA;EF7QJ;EE+QE;IACE;YAAA;EF7QJ;EE+QE;IACE;YAAA;EF7QJ;AACF;AEnFE;EAEI;EACA;EHPF;EAAc;EGSZ;EACA;EAIA;AFkFN;;AE9EE;;;;EAKI;EACA;EACA;AFgFN;;AE5EE;EAEI;UAAA;AF8EN;;AE1EE;EAII;EACA;EACA;EACA;AF0EN;;AEtEE;;EAGI;AFwEN;;AEpEE;EAEI;AFsEN;;AElEE;EAEI;EACA;EH9DF;EAAc;EGgEZ;EACA;EACA;EACA;EACA;AFqEN;AElEI;EHvEA;EAAc;EG0EV;EACA;EACA;UAAA;AFoER;;AE/DE;EAEI;EACA;EACA;EACA;EACA;AFiEN;AE9DI;EAEI;AF+DR;;AEzDI;EHlGA;EAAc;EGqGV;AF4DR;;AEtDI;EAEI;AFwDR;AEpDI;EAEI;AFqDR;AEhCE;EAQI;UAAA;AF2BN;AElBE;EAEI,+GANuB;UAMvB,uGANuB;AFyB7B;AEPI;EAEI;UAAA;AFQR;AEVI;EAEI;UAAA;AFWR;AEbI;EAEI;UAAA;AFcR;AEhBI;EAEI;UAAA;AFiBR;AEZE;EH9KE;EAAc;EGsLZ;UAAA;AFSN;AEHE;EH5LE;EAAc;EGoMZ;UAAA;AFAN;;AE1EE;EAEI;AF4EN,C","file":"mdc.circular-progress.css","sourcesContent":["//\n// Copyright 2022 Google Inc.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to deal\n// in the Software without restriction, including without limitation the rights\n// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n// copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n//\n\n// stylelint-disable selector-class-pattern --\n// Selector '.mdc-*' should only be used in this project.\n\n@use 'sass:map';\n@use 'sass:string';\n@use '@material/theme/color-palette';\n@use '@material/feature-targeting/feature-targeting';\n@use '@material/theme/keys';\n@use '@material/theme/theme';\n@use '@material/theme/theme-color';\n@use '@material/dom/dom';\n\n$color: primary !default;\n$track-color: transparent !default;\n\n/// The rotation position of the arcs that corresponds to their fully contracted state\n$base-angle: 135deg !default;\n/// Amount of circle the arc takes up\n$arc-size: 270deg !default;\n/// Time it takes to expand and contract arc\n$arc-time: 1333ms !default;\n/// Time for inactive indicator to disappear\n$shrink-time: 400ms !default;\n/// How much the start location of the arc should rotate each time; 216 gives\n/// us a 5 pointed star shape (it's 360/5 * 3)\n$arc-start-rotation-interval: 216deg !default;\n/// The timing function used for the core spinner animations.\n$timing-function: cubic-bezier(0.4, 0, 0.2, 1) !default;\n\n$custom-property-prefix: 'circular-progress';\n\n$light-theme: (\n  active-indicator-color: theme-color.$primary,\n  active-indicator-width: 4px,\n  four-color-active-indicator-four-color: color-palette.$cyan-400,\n  four-color-active-indicator-one-color: color-palette.$brown-400,\n  four-color-active-indicator-three-color: color-palette.$orange-400,\n  four-color-active-indicator-two-color: color-palette.$teal-400,\n  size: 48px,\n);\n\n@mixin theme($theme) {\n  @include theme.validate-theme($light-theme, $theme);\n  @include keys.declare-custom-properties(\n    $theme,\n    $prefix: $custom-property-prefix\n  );\n}\n\n@mixin theme-styles($theme) {\n  @include theme.validate-theme-styles($light-theme, $theme);\n\n  $theme: keys.create-theme-properties(\n    $theme,\n    $prefix: $custom-property-prefix\n  );\n\n  @include _active-indicator-color(map.get($theme, active-indicator-color));\n  @include _active-indicator-width(map.get($theme, active-indicator-width));\n  @include _four-color-active-indicator(\n    (\n      map.get($theme, four-color-active-indicator-one-color),\n      map.get($theme, four-color-active-indicator-two-color),\n      map.get($theme, four-color-active-indicator-three-color),\n      map.get($theme, four-color-active-indicator-four-color)\n    )\n  );\n  @include _size(map.get($theme, size));\n}\n\n@mixin _active-indicator-color($color) {\n  @include color($color);\n}\n\n@mixin _active-indicator-width($width) {\n  circle {\n    @include theme.property(stroke-width, $width);\n  }\n}\n\n@mixin _four-color-active-indicator($colors) {\n  .mdc-circular-progress--four-color {\n    @include indeterminate-colors($colors);\n  }\n}\n\n@mixin _size($size) {\n  .mdc-circular-progress {\n    @include theme.property(width, $size, $important: true);\n    @include theme.property(height, $size, $important: true);\n  }\n}\n\n/// Customizes the stroke-color of the indicator. Applies to the\n/// determinate variant, and also the indeterminate variant unless the\n/// four-color mixin is applied.\n/// @param {Color} $color - The desired stroke color.\n/// @see {mixin} indeterminate-colors\n@mixin color($color, $query: feature-targeting.all()) {\n  $feat-color: feature-targeting.create-target($query, color);\n\n  .mdc-circular-progress__determinate-circle,\n  .mdc-circular-progress__indeterminate-circle-graphic {\n    @include feature-targeting.targets($feat-color) {\n      @include theme.property(stroke, $color);\n\n      @include dom.forced-colors-mode {\n        @include theme.property(stroke, CanvasText);\n      }\n    }\n  }\n}\n\n/// Customizes the track color of the indicator. Applies to the\n/// determinate variant only.\n/// @param {Color} $color - The desired track color.\n@mixin track-color($color, $query: feature-targeting.all()) {\n  $feat-color: feature-targeting.create-target($query, color);\n\n  .mdc-circular-progress__determinate-track {\n    @include feature-targeting.targets($feat-color) {\n      @include theme.property(stroke, $color);\n    }\n  }\n}\n\n/// Applies four animated stroke-colors to the indeterminate indicator.\n/// Applicable to the indeterminate variant only and overrides any single color\n/// currently set.\n/// @param {List} $colors - A list of four desired colors.\n/// @see {mixin} color\n@mixin indeterminate-colors($colors, $query: feature-targeting.all()) {\n  $feat-color: feature-targeting.create-target($query, color);\n\n  @if length($colors) != 4 {\n    @error \"`mdc-circular-progress-colors` accepts exactly 4 colors\";\n  }\n\n  @for $i from 1 through 4 {\n    .mdc-circular-progress__color-#{$i}\n      .mdc-circular-progress__indeterminate-circle-graphic {\n      @include feature-targeting.targets($feat-color) {\n        @include theme.property(stroke, nth($colors, $i));\n\n        @include dom.forced-colors-mode {\n          @include theme.property(stroke, CanvasText);\n        }\n      }\n    }\n  }\n}\n","//\n// Copyright 2020 Google Inc.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to deal\n// in the Software without restriction, including without limitation the rights\n// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n// copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n//\n\n@use 'sass:list';\n@use 'sass:map';\n@use 'sass:meta';\n@use './gss';\n\n/// When true, add an additional property/value declaration before declarations\n/// that use advanced features such as custom properties or CSS functions. This\n/// adds fallback support for older browsers such as IE11 that do not support\n/// these features at the cost of additional CSS. Set this variable to false to\n/// disable generating fallback declarations.\n$enable-fallback-declarations: true !default;\n\n/// Writes a CSS property/value declaration. This mixin is used throughout the\n/// theme package for consistency for dynamically setting CSS property values.\n///\n/// This mixin may optionally take a fallback value. For advanced features such\n/// as custom properties or CSS functions like min and max, a fallback value is\n/// recommended to support older browsers.\n///\n/// @param {String} $property - The CSS property of the declaration.\n/// @param {*} $value - The value of the CSS declaration. The value should be\n///     resolved by other theme functions first (i.e. custom property Maps and\n///     Material theme keys are not supported in this mixin). If the value is\n///     null, no declarations will be emitted.\n/// @param {*} $fallback - An optional fallback value for older browsers. If\n///     provided, a second property/value declaration will be added before the\n///     main property/value declaration.\n/// @param {Map} $gss - An optional Map of GSS annotations to add.\n/// @param {Bool} $important - If true, add `!important` to the declaration.\n@mixin declaration(\n  $property,\n  $value,\n  $fallback-value: null,\n  $gss: (),\n  $important: false\n) {\n  // Normally setting a null value to a property will not emit CSS, so mixins\n  // wouldn't need to check this. However, Sass will throw an error if the\n  // interpolated property is a custom property.\n  @if $value != null {\n    $important-rule: if($important, ' !important', '');\n\n    @if $fallback-value and $enable-fallback-declarations {\n      @include gss.annotate($gss);\n      #{$property}: #{$fallback-value} #{$important-rule};\n\n      // Add @alternate to annotations.\n      $gss: map.merge(\n        $gss,\n        (\n          alternate: true,\n        )\n      );\n    }\n\n    @include gss.annotate($gss);\n    #{$property}: #{$value}#{$important-rule};\n  }\n}\n\n/// Unpacks shorthand values for CSS properties (i.e. lists of 1-3 values).\n/// If a list of 4 values is given, it is returned as-is.\n///\n/// Examples:\n///\n/// unpack-value(4px) => 4px 4px 4px 4px\n/// unpack-value(4px 2px) => 4px 2px 4px 2px\n/// unpack-value(4px 2px 2px) => 4px 2px 2px 2px\n/// unpack-value(4px 2px 0 2px) => 4px 2px 0 2px\n///\n/// @param {Number | Map | List} $value - List of 1 to 4 value numbers.\n/// @return {List} a List of 4 value numbers.\n@function unpack-value($value) {\n  @if meta.type-of($value) == 'map' or list.length($value) == 1 {\n    @return $value $value $value $value;\n  } @else if list.length($value) == 4 {\n    @return $value;\n  } @else if list.length($value) == 3 {\n    @return list.nth($value, 1) list.nth($value, 2) list.nth($value, 3)\n      list.nth($value, 2);\n  } @else if list.length($value) == 2 {\n    @return list.nth($value, 1) list.nth($value, 2) list.nth($value, 1)\n      list.nth($value, 2);\n  }\n\n  @error \"Invalid CSS property value: '#{$value}' is more than 4 values\";\n}\n","//\n// Copyright 2020 Google Inc.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to deal\n// in the Software without restriction, including without limitation the rights\n// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n// copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n//\n\n@use 'sass:list';\n@use 'sass:map';\n@use 'sass:meta';\n\n/// Adds optional GSS annotation comments. Useful for theme mixins where one or\n/// more properties are set indirectly.\n///\n/// Annotations may be provided as a Map of annotations or as named arguments.\n///\n/// @example - scss\n///   @include annotate((noflip: true));\n///   left: 0;\n///\n/// @example - scss\n///   @include annotate($noflip: true);\n///   left: 0;\n///\n/// @example - css\n///   /* @noflip */ /*rtl:ignore*/\n///   left: 0;\n///\n/// @param {Map} $annotations - Map of annotations. Values must be set to `true`\n///     for an annotation to be added.\n@mixin annotate($annotations...) {\n  $keywords: meta.keywords($annotations);\n  @if list.length($annotations) > 0 {\n    $annotations: list.nth($annotations, 1);\n  } @else {\n    $annotations: $keywords;\n  }\n\n  @if (map.get($annotations, alternate) == true) {\n    /* @alternate */\n  }\n\n  // noflip must be the last tag right before the property\n  @if (map.get($annotations, noflip) == true) {\n    /* @noflip */ /*rtl:ignore*/\n  }\n}\n",".mdc-circular-progress__determinate-circle,\n.mdc-circular-progress__indeterminate-circle-graphic {\n  stroke: #6200ee;\n  /* @alternate */\n  stroke: var(--mdc-theme-primary, #6200ee);\n}\n@media screen and (forced-colors: active), (-ms-high-contrast: active) {\n  .mdc-circular-progress__determinate-circle,\n.mdc-circular-progress__indeterminate-circle-graphic {\n    stroke: CanvasText;\n  }\n}\n\n.mdc-circular-progress__determinate-track {\n  stroke: transparent;\n}\n\n@keyframes mdc-circular-progress-container-rotate {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@keyframes mdc-circular-progress-spinner-layer-rotate {\n  12.5% {\n    transform: rotate(135deg);\n  }\n  25% {\n    transform: rotate(270deg);\n  }\n  37.5% {\n    transform: rotate(405deg);\n  }\n  50% {\n    transform: rotate(540deg);\n  }\n  62.5% {\n    transform: rotate(675deg);\n  }\n  75% {\n    transform: rotate(810deg);\n  }\n  87.5% {\n    transform: rotate(945deg);\n  }\n  100% {\n    transform: rotate(1080deg);\n  }\n}\n@keyframes mdc-circular-progress-color-1-fade-in-out {\n  from {\n    opacity: 0.99;\n  }\n  25% {\n    opacity: 0.99;\n  }\n  26% {\n    opacity: 0;\n  }\n  89% {\n    opacity: 0;\n  }\n  90% {\n    opacity: 0.99;\n  }\n  to {\n    opacity: 0.99;\n  }\n}\n@keyframes mdc-circular-progress-color-2-fade-in-out {\n  from {\n    opacity: 0;\n  }\n  15% {\n    opacity: 0;\n  }\n  25% {\n    opacity: 0.99;\n  }\n  50% {\n    opacity: 0.99;\n  }\n  51% {\n    opacity: 0;\n  }\n  to {\n    opacity: 0;\n  }\n}\n@keyframes mdc-circular-progress-color-3-fade-in-out {\n  from {\n    opacity: 0;\n  }\n  40% {\n    opacity: 0;\n  }\n  50% {\n    opacity: 0.99;\n  }\n  75% {\n    opacity: 0.99;\n  }\n  76% {\n    opacity: 0;\n  }\n  to {\n    opacity: 0;\n  }\n}\n@keyframes mdc-circular-progress-color-4-fade-in-out {\n  from {\n    opacity: 0;\n  }\n  65% {\n    opacity: 0;\n  }\n  75% {\n    opacity: 0.99;\n  }\n  90% {\n    opacity: 0.99;\n  }\n  to {\n    opacity: 0;\n  }\n}\n@keyframes mdc-circular-progress-left-spin {\n  from {\n    transform: rotate(265deg);\n  }\n  50% {\n    transform: rotate(130deg);\n  }\n  to {\n    transform: rotate(265deg);\n  }\n}\n@keyframes mdc-circular-progress-right-spin {\n  from {\n    transform: rotate(-265deg);\n  }\n  50% {\n    transform: rotate(-130deg);\n  }\n  to {\n    transform: rotate(-265deg);\n  }\n}\n.mdc-circular-progress {\n  display: inline-flex;\n  position: relative;\n  /* @noflip */\n  /*rtl:ignore*/\n  direction: ltr;\n  line-height: 0;\n  transition: opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);\n}\n\n.mdc-circular-progress__determinate-container,\n.mdc-circular-progress__indeterminate-circle-graphic,\n.mdc-circular-progress__indeterminate-container,\n.mdc-circular-progress__spinner-layer {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n}\n\n.mdc-circular-progress__determinate-container {\n  transform: rotate(-90deg);\n}\n\n.mdc-circular-progress__indeterminate-container {\n  font-size: 0;\n  letter-spacing: 0;\n  white-space: nowrap;\n  opacity: 0;\n}\n\n.mdc-circular-progress__determinate-circle-graphic,\n.mdc-circular-progress__indeterminate-circle-graphic {\n  fill: transparent;\n}\n\n.mdc-circular-progress__determinate-circle {\n  transition: stroke-dashoffset 500ms 0ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n.mdc-circular-progress__gap-patch {\n  position: absolute;\n  top: 0;\n  /* @noflip */\n  /*rtl:ignore*/\n  left: 47.5%;\n  box-sizing: border-box;\n  width: 5%;\n  height: 100%;\n  overflow: hidden;\n}\n.mdc-circular-progress__gap-patch .mdc-circular-progress__indeterminate-circle-graphic {\n  /* @noflip */\n  /*rtl:ignore*/\n  left: -900%;\n  width: 2000%;\n  transform: rotate(180deg);\n}\n\n.mdc-circular-progress__circle-clipper {\n  display: inline-flex;\n  position: relative;\n  width: 50%;\n  height: 100%;\n  overflow: hidden;\n}\n.mdc-circular-progress__circle-clipper .mdc-circular-progress__indeterminate-circle-graphic {\n  width: 200%;\n}\n\n.mdc-circular-progress__circle-right .mdc-circular-progress__indeterminate-circle-graphic {\n  /* @noflip */\n  /*rtl:ignore*/\n  left: -100%;\n}\n\n.mdc-circular-progress--indeterminate .mdc-circular-progress__determinate-container {\n  opacity: 0;\n}\n.mdc-circular-progress--indeterminate .mdc-circular-progress__indeterminate-container {\n  opacity: 1;\n}\n.mdc-circular-progress--indeterminate .mdc-circular-progress__indeterminate-container {\n  animation: mdc-circular-progress-container-rotate 1568.2352941176ms linear infinite;\n}\n.mdc-circular-progress--indeterminate .mdc-circular-progress__spinner-layer {\n  animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;\n}\n.mdc-circular-progress--indeterminate .mdc-circular-progress__color-1 {\n  animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdc-circular-progress-color-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;\n}\n.mdc-circular-progress--indeterminate .mdc-circular-progress__color-2 {\n  animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdc-circular-progress-color-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;\n}\n.mdc-circular-progress--indeterminate .mdc-circular-progress__color-3 {\n  animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdc-circular-progress-color-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;\n}\n.mdc-circular-progress--indeterminate .mdc-circular-progress__color-4 {\n  animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdc-circular-progress-color-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;\n}\n.mdc-circular-progress--indeterminate .mdc-circular-progress__circle-left .mdc-circular-progress__indeterminate-circle-graphic {\n  /* @noflip */\n  /*rtl:ignore*/\n  animation: mdc-circular-progress-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;\n}\n.mdc-circular-progress--indeterminate .mdc-circular-progress__circle-right .mdc-circular-progress__indeterminate-circle-graphic {\n  /* @noflip */\n  /*rtl:ignore*/\n  animation: mdc-circular-progress-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;\n}\n\n.mdc-circular-progress--closed {\n  opacity: 0;\n}","// Copyright 2020 Google Inc.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to deal\n// in the Software without restriction, including without limitation the rights\n// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n// copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\n@use '@material/feature-targeting/feature-targeting';\n@use '@material/rtl/rtl';\n\n///\n/// Emits necessary layout styles to set a transparent border around an element\n/// without interfering with the rest of its component layout. The border is\n/// only visible in high-contrast mode. The target element should be a child of\n/// a relatively positioned top-level element (i.e. a ::before pseudo-element).\n///\n/// @param {number} $border-width - The width of the transparent border.\n/// @param {string} $border-style - The style of the transparent border.\n///\n@mixin transparent-border(\n  $border-width: 1px,\n  $border-style: solid,\n  $query: feature-targeting.all()\n) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    position: absolute;\n    box-sizing: border-box;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    @include rtl.ignore-next-line();\n    left: 0;\n    border: $border-width $border-style transparent;\n    border-radius: inherit;\n    content: '';\n    pointer-events: none;\n  }\n\n  // Used to satisfy Firefox v94 which does not render transparent borders in HCM (b/206440838).\n  @include forced-colors-mode($exclude-ie11: true) {\n    @include feature-targeting.targets($feat-structure) {\n      border-color: CanvasText;\n    }\n  }\n}\n\n///\n/// Visually hides text content for accessibility. This text should only be\n/// visible to screen reader users.\n/// See https://a11yproject.com/posts/how-to-hide-content/\n///\n@mixin visually-hidden($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n\n  @include feature-targeting.targets($feat-structure) {\n    clip: rect(1px, 1px, 1px, 1px);\n    height: 1px;\n    overflow: hidden;\n    position: absolute;\n    white-space: nowrap; /* added line */\n    width: 1px;\n  }\n}\n\n/// Selects for IE11 support.\n///\n/// @content styles to emit for IE11 support\n@mixin ie11-support {\n  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n    @content;\n  }\n}\n\n/// Selects for `forced-colors` high contrast mode.\n///\n/// While in `forced-colors` mode, only system colors should be used.\n///\n/// @link https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#system_colors\n/// @link https://developer.mozilla.org/en-US/docs/Web/CSS/@media/forced-colors\n/// @content styles to emit in `forced-colors` mode\n@mixin forced-colors-mode($exclude-ie11: false) {\n  @if $exclude-ie11 {\n    @media screen and (forced-colors: active) {\n      @content;\n    }\n  } @else {\n    @media screen and (forced-colors: active), (-ms-high-contrast: active) {\n      @content;\n    }\n  }\n}\n","//\n// Copyright 2022 Google Inc.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to deal\n// in the Software without restriction, including without limitation the rights\n// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n// copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n//\n\n// stylelint-disable selector-class-pattern --\n// Selector '.mdc-*' should only be used in this project.\n\n@use 'sass:math';\n@use '@material/animation/functions' as animation-functions;\n@use '@material/feature-targeting/feature-targeting';\n@use '@material/rtl/rtl';\n@use '@material/theme/gss';\n@use '@material/theme/theme';\n@use './circular-progress-theme';\n\n///\n/// Circular progress core styles.\n///\n@mixin core-styles($query: feature-targeting.all()) {\n  @include circular-progress-theme.color(\n    circular-progress-theme.$color,\n    $query\n  );\n  @include circular-progress-theme.track-color(\n    circular-progress-theme.$track-color,\n    $query: $query\n  );\n  @include static-styles($query);\n}\n\n@mixin static-styles($query: feature-targeting.all()) {\n  $feat-structure: feature-targeting.create-target($query, structure);\n  $feat-animation: feature-targeting.create-target($query, animation);\n\n  @include feature-targeting.targets($feat-animation) {\n    @include container-rotate-keyframes_;\n    @include spinner-layer-rotate-keyframes_;\n    @include color-1-fade-in-out-keyframes_;\n    @include color-2-fade-in-out-keyframes_;\n    @include color-3-fade-in-out-keyframes_;\n    @include color-4-fade-in-out-keyframes_;\n    @include left-spin-keyframes_;\n    @include right-spin-keyframes_;\n  }\n\n  .mdc-circular-progress {\n    @include feature-targeting.targets($feat-structure) {\n      display: inline-flex;\n      position: relative;\n      @include rtl.ignore-next-line();\n      direction: ltr;\n      line-height: 0;\n    }\n\n    @include feature-targeting.targets($feat-animation) {\n      transition: animation-functions.exit-temporary(opacity, 250ms);\n    }\n  }\n\n  .mdc-circular-progress__determinate-container,\n  .mdc-circular-progress__indeterminate-circle-graphic,\n  .mdc-circular-progress__indeterminate-container,\n  .mdc-circular-progress__spinner-layer {\n    @include feature-targeting.targets($feat-structure) {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n    }\n  }\n\n  .mdc-circular-progress__determinate-container {\n    @include feature-targeting.targets($feat-structure) {\n      transform: rotate(-90deg);\n    }\n  }\n\n  .mdc-circular-progress__indeterminate-container {\n    @include feature-targeting.targets($feat-structure) {\n      // Font size, letter spacing and nowrap are required in order to ignore\n      // whitespaces between HTML elements.\n      font-size: 0;\n      letter-spacing: 0;\n      white-space: nowrap;\n      opacity: 0;\n    }\n  }\n\n  .mdc-circular-progress__determinate-circle-graphic,\n  .mdc-circular-progress__indeterminate-circle-graphic {\n    @include feature-targeting.targets($feat-structure) {\n      fill: transparent;\n    }\n  }\n\n  .mdc-circular-progress__determinate-circle {\n    @include feature-targeting.targets($feat-animation) {\n      transition: animation-functions.enter(stroke-dashoffset, 500ms);\n    }\n  }\n\n  .mdc-circular-progress__gap-patch {\n    @include feature-targeting.targets($feat-structure) {\n      position: absolute;\n      top: 0;\n      @include rtl.ignore-next-line();\n      left: 47.5%;\n      box-sizing: border-box;\n      width: 5%;\n      height: 100%;\n      overflow: hidden;\n    }\n\n    .mdc-circular-progress__indeterminate-circle-graphic {\n      @include feature-targeting.targets($feat-structure) {\n        @include rtl.ignore-next-line();\n        left: -900%;\n        width: 2000%;\n        transform: rotate(180deg);\n      }\n    }\n  }\n\n  .mdc-circular-progress__circle-clipper {\n    @include feature-targeting.targets($feat-structure) {\n      display: inline-flex;\n      position: relative;\n      width: 50%;\n      height: 100%;\n      overflow: hidden;\n    }\n\n    .mdc-circular-progress__indeterminate-circle-graphic {\n      @include feature-targeting.targets($feat-structure) {\n        width: 200%;\n      }\n    }\n  }\n\n  .mdc-circular-progress__circle-right {\n    .mdc-circular-progress__indeterminate-circle-graphic {\n      @include feature-targeting.targets($feat-structure) {\n        @include rtl.ignore-next-line();\n        left: -100%;\n      }\n    }\n  }\n\n  .mdc-circular-progress--indeterminate {\n    .mdc-circular-progress__determinate-container {\n      @include feature-targeting.targets($feat-structure) {\n        opacity: 0;\n      }\n    }\n\n    .mdc-circular-progress__indeterminate-container {\n      @include feature-targeting.targets($feat-structure) {\n        opacity: 1;\n      }\n    }\n\n    @include indeterminate-active-animations_($query);\n  }\n\n  .mdc-circular-progress--closed {\n    @include feature-targeting.targets($feat-structure) {\n      opacity: 0;\n    }\n  }\n}\n\n// Private mixins\n\n/// Sets the animations for the indicator in indeterminate mode.\n/// @access private\n@mixin indeterminate-active-animations_($query: feature-targeting.all()) {\n  $feat-animation: feature-targeting.create-target($query, animation);\n\n  .mdc-circular-progress__indeterminate-container {\n    @include feature-targeting.targets($feat-animation) {\n      $duration: math.div(\n        360deg * circular-progress-theme.$arc-time,\n        circular-progress-theme.$arc-start-rotation-interval +\n          (360 - circular-progress-theme.$arc-size)\n      );\n\n      animation: mdc-circular-progress-container-rotate $duration linear\n        infinite;\n    }\n  }\n\n  $spinner-rotate-animation: mdc-circular-progress-spinner-layer-rotate 4 *\n    circular-progress-theme.$arc-time circular-progress-theme.$timing-function\n    infinite both;\n\n  .mdc-circular-progress__spinner-layer {\n    @include feature-targeting.targets($feat-animation) {\n      animation: $spinner-rotate-animation;\n    }\n  }\n\n  @for $i from 1 through 4 {\n    $color-fade-in-out-animation: mdc-circular-progress-color-#{$i}-fade-in-out\n      4 *\n      circular-progress-theme.$arc-time\n      circular-progress-theme.$timing-function\n      infinite\n      both;\n\n    .mdc-circular-progress__color-#{$i} {\n      @include feature-targeting.targets($feat-animation) {\n        animation: $spinner-rotate-animation, $color-fade-in-out-animation;\n      }\n    }\n  }\n\n  .mdc-circular-progress__circle-left\n    .mdc-circular-progress__indeterminate-circle-graphic {\n    @include feature-targeting.targets($feat-animation) {\n      @include gss.annotate(\n        (\n          noflip: true,\n        )\n      );\n      animation: mdc-circular-progress-left-spin\n        circular-progress-theme.$arc-time\n        circular-progress-theme.$timing-function infinite both;\n    }\n  }\n\n  .mdc-circular-progress__circle-right\n    .mdc-circular-progress__indeterminate-circle-graphic {\n    @include feature-targeting.targets($feat-animation) {\n      @include gss.annotate(\n        (\n          noflip: true,\n        )\n      );\n      animation: mdc-circular-progress-right-spin\n        circular-progress-theme.$arc-time\n        circular-progress-theme.$timing-function infinite both;\n    }\n  }\n}\n\n/// Keyframes for the persistent rotation of the outermost container\n/// @access private\n@mixin container-rotate-keyframes_ {\n  @keyframes mdc-circular-progress-container-rotate {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n}\n\n/// Keyframes for the rotation of the spinner layer\n/// @access private\n@mixin spinner-layer-rotate-keyframes_ {\n  @keyframes mdc-circular-progress-spinner-layer-rotate {\n    @for $i from 1 through 8 {\n      #{$i * 12.5}% {\n        transform: rotate($i * 0.5 * circular-progress-theme.$arc-size);\n      }\n    }\n  }\n}\n\n/// Keyframes for the fade-in and fade-out of the first color.\n/// .99 opacity is used to force subpixel rendering.\n/// @access private\n@mixin color-1-fade-in-out-keyframes_ {\n  @keyframes mdc-circular-progress-color-1-fade-in-out {\n    from {\n      opacity: 0.99;\n    }\n    25% {\n      opacity: 0.99;\n    }\n    26% {\n      opacity: 0;\n    }\n    89% {\n      opacity: 0;\n    }\n    90% {\n      opacity: 0.99;\n    }\n    to {\n      opacity: 0.99;\n    }\n  }\n}\n\n/// Keyframes for the fade-in and fade-out of the second color.\n/// .99 opacity is used to force subpixel rendering.\n/// @access private\n@mixin color-2-fade-in-out-keyframes_ {\n  @keyframes mdc-circular-progress-color-2-fade-in-out {\n    from {\n      opacity: 0;\n    }\n    15% {\n      opacity: 0;\n    }\n    25% {\n      opacity: 0.99;\n    }\n    50% {\n      opacity: 0.99;\n    }\n    51% {\n      opacity: 0;\n    }\n    to {\n      opacity: 0;\n    }\n  }\n}\n\n/// Keyframes for the fade-in and fade-out of the third color.\n/// .99 opacity is used to force subpixel rendering.\n/// @access private\n@mixin color-3-fade-in-out-keyframes_ {\n  @keyframes mdc-circular-progress-color-3-fade-in-out {\n    from {\n      opacity: 0;\n    }\n    40% {\n      opacity: 0;\n    }\n    50% {\n      opacity: 0.99;\n    }\n    75% {\n      opacity: 0.99;\n    }\n    76% {\n      opacity: 0;\n    }\n    to {\n      opacity: 0;\n    }\n  }\n}\n\n/// Keyframes for the fade-in and fade-out of the fourth color.\n/// .99 opacity is used to force subpixel rendering.\n/// @access private\n@mixin color-4-fade-in-out-keyframes_ {\n  @keyframes mdc-circular-progress-color-4-fade-in-out {\n    from {\n      opacity: 0;\n    }\n    65% {\n      opacity: 0;\n    }\n    75% {\n      opacity: 0.99;\n    }\n    90% {\n      opacity: 0.99;\n    }\n    to {\n      opacity: 0;\n    }\n  }\n}\n\n/// Keyframes for the expansion and contraction of the arc for the\n/// left semi-circle.\n/// @access private\n@mixin left-spin-keyframes_ {\n  @keyframes mdc-circular-progress-left-spin {\n    from {\n      transform: rotate(265deg);\n    }\n    50% {\n      transform: rotate(130deg);\n    }\n    to {\n      transform: rotate(265deg);\n    }\n  }\n}\n\n/// Keyframes for the expansion and contraction of the arc for the\n/// right semi-circle.\n/// @access private\n@mixin right-spin-keyframes_ {\n  @keyframes mdc-circular-progress-right-spin {\n    from {\n      transform: rotate(-265deg);\n    }\n    50% {\n      transform: rotate(-130deg);\n    }\n    to {\n      transform: rotate(-265deg);\n    }\n  }\n}\n"],"sourceRoot":""}