{"version":3,"sources":["webpack:///./packages/mdc-textfield/mdc-text-field.scss","webpack:///./packages/material-components-web/node_modules/@material/typography/_mixins.scss","webpack:///./packages/material-components-web/node_modules/@material/rtl/_mixins.scss","webpack:///./packages/material-components-web/node_modules/@material/floating-label/_mixins.scss","webpack:///./packages/material-components-web/node_modules/@material/line-ripple/mdc-line-ripple.scss","webpack:///./packages/material-components-web/node_modules/@material/notched-outline/mdc-notched-outline.scss","webpack:///./packages/material-components-web/node_modules/@material/notched-outline/_variables.scss","webpack:///./packages/material-components-web/node_modules/@material/ripple/_keyframes.scss","webpack:///./packages/material-components-web/node_modules/@material/ripple/_mixins.scss","webpack:///./packages/mdc-textfield/helper-text/mdc-text-field-helper-text.scss","webpack:///./packages/mdc-textfield/character-counter/mdc-text-field-character-counter.scss","webpack:///./packages/mdc-textfield/icon/mdc-text-field-icon.scss","webpack:///./stdin","webpack:///./packages/material-components-web/node_modules/@material/shape/_mixins.scss","webpack:///./packages/material-components-web/node_modules/@material/theme/_mixins.scss","webpack:///./packages/mdc-textfield/_variables.scss","webpack:///./packages/mdc-textfield/_mixins.scss","webpack:///./packages/mdc-textfield/helper-text/_mixins.scss","webpack:///./packages/mdc-textfield/character-counter/_mixins.scss","webpack:///./packages/mdc-textfield/icon/_mixins.scss","webpack:///./packages/material-components-web/node_modules/@material/notched-outline/_mixins.scss"],"names":[],"mappings":";;;;;;;AAkCE,oBCwBI,+NDrBF,kBAEA,OAEA,4DACA,gWAIA,oBACA,gBACA,uBACA,mBACA,YACA,gBAGA,sBE0BE,2DFtBA,QAEA,UAEA,8DAEA,iBAIJ,iCACE,YGXF,iCAQI,sFAMJ,2BACE,wIArCF,iEACE,GACE,wIAGF,IACE,8IACA,0IAGF,IACE,8JACA,4IAGF,KACE,yIAhBJ,yDACE,GACE,wIAGF,IACE,8IACA,0IAGF,IACE,8JACA,4IAGF,KACE,yICtBJ,iBACE,kBACA,SACA,OACA,WACA,WACA,gDACA,sWACA,UACA,UAGF,yBACE,gDACA,UAGF,+BACE,UClBF,qBACE,aACA,kBACA,QACA,OACA,sBACA,WACA,eACA,YAEA,gBACA,oBHuCE,6DGnCA,iBAGF,yFAGE,sBACA,YACA,qDACA,qBACA,wBACA,oBAGF,8BHgOF,wCG7NI,UClC8B,CJoD9B,+EA2MJ,wCG1NE,+BH0NF,wCGvNI,YHYA,iFA2MJ,wCGpNE,4BACE,cACA,WACA,gCAGF,yCACE,qBACA,kBACA,SACA,YACA,eAGF,sDACE,mBAGF,gEACE,2BAKF,0DH4LF,iCGzLI,gBHlBA,uIA2MJ,iCGpLE,2DACE,UE5EJ,2CACE,KACE,sHAKA,oJAGF,GACE,yMAXJ,mCACE,KACE,sHAKA,oJAGF,GACE,yMAIJ,4CACE,KACE,0EACA,UAGF,GACE,yCAPJ,oCACE,KACE,0EACA,UAGF,GACE,yCAIJ,6CACE,KACE,0EACA,wCAGF,GACE,WAPJ,qCACE,KACE,0EACA,wCAGF,GACE,WC0BA,uCACE,mDAEA,kBAEA,+CACE,+CCjEV,4BR8BM,qOAoBF,cACA,aAEA,mBQjDF,SACA,sDACA,UACA,oBRiDA,oCA0BA,qBACA,QACA,YACA,WAzBI,iBQlDN,wCACE,gBACA,UACA,oBCbF,kCT8BM,qOAoBF,cACA,aAEA,mBC0MF,kEQxPA,mBTiDA,0CA0BA,qBACA,QACA,YACA,WAzBI,iBCRA,uFA2MJ,gCA3MI,uFA2MJ,kCSlQF,mHAEE,kBACA,YACA,eAGF,2EAEE,eACA,oBCMF,gBJgEI,wBACA,qBACA,oBACA,yBACA,iCACA,mCAEA,0CK1EA,0BD8BF,oBACA,kBACA,sBACA,YACA,gBAEA,oCJ0CA,+CAGI,kBACA,kBACA,UACA,oBACA,WAIJ,wBAGI,4DAMA,UAMJ,4CAEI,sGAIJ,2CAEI,MAEA,OACA,8CACA,sEAIJ,sDAEI,6BAEA,+BAIJ,kEAEI,uLACE,CAKN,oEAEI,4FAKA,wMAQJ,+CMzGI,gCCvDqB,CPkLzB,8BAGI,WIrK8B,CJ0LlC,wHAII,yBAIA,WIjM8B,CJ2RlC,+CAGI,qBAEA,sBACA,WACA,YAIJ,2CAEI,sCACA,uCQ2QJ,mEF9gBI,oBCzDiB,CC6hBrB,sEFpeI,qBCvDqB,CCiGzB,uCFTI,oBAoBE,8CEucN,oIF5fI,mCC1D4B,CC4jBhC,0IFlgBI,mCC3D6B,CCmkBjC,iCFveI,yBAoBE,mDEicN,8EFtfI,mCC9DuC,CEiB3C,uGH6CI,oBCtD6B,CGgBjC,8LJsCI,oBCtD6B,CIwCjC,qELcI,qBCrDsB,CC6B1B,+CFwBI,wBC7CsB,CCiN1B,oCdmCA,wBchCE,SACA,oBd5KE,2FA2MJ,wBc3BE,8Cd2BF,uBA3MI,+GA2MJ,uBcrBE,8CdqBF,uBclBI,SdzLA,+GA2MJ,uBcdI,iEdcJ,wBA3MI,qJA2MJ,wBcXM,8EdWN,wBA3MI,+KA2MJ,wBU9MF,uBXnBM,+NWsBJ,oBACA,sBACA,WACA,YACA,sBACA,sDACA,YACA,wBACA,gBACA,gBACA,6DAEA,kDACE,qDACA,UACA,qBG9DmC,CH2DrC,6CACE,qDACA,UACA,qBG9DmC,CH2DrC,8CACE,qDACA,UACA,qBG9DmC,CH2DrC,oCACE,qDACA,UACA,qBG9DmC,CHmErC,6CACE,iCAIF,oOAGE,sBACA,0BACA,UALF,qNAGE,sBACA,0BACA,UALF,wNAGE,sBACA,0BACA,UALF,0LAGE,sBACA,0BACA,UAGF,6BACE,aAIF,+BACE,gBAIF,wCACE,wBAIF,+GACE,iBACA,oBAKJ,4DACE,sFACA,YAGF,0BIqME,YACA,iBIrTA,oQNuDI,4BCzCgC,CKdpC,q+BNuDI,4BCvCiC,CKhBrC,4UNwFI,qBAoBE,+CXjEN,qDACE,8JiBnBF,6EPhBE,0BX0CE,6KWrCE,0BOyBN,8EP9BE,0BX0CE,+KWrCE,0BVeN,2DAQI,kFiBUJ,2DACE,iBjBnBF,mLAQI,wFiBoBF,mLACE,eZsGJ,mEAQM,aQzIN,yDFwBI,4BE2P+B,CAKnC,iDACE,aACA,uBACA,uBACA,6BACA,UAGF,gDACE,UIxTF,+OAGE,gBJqQwC,CJzJ5C,mDEhEM,4BE2MgC,CIlQpC,kPNuDI,4BCxCoC,CCqPxC,0EACE,mBJ1IJ,gDIgKE,Yb9PA,iFAQI,kFiBUJ,iFACE,gBjBnBF,+NAQI,sFiBoBF,+NACE,ejBfJ,2EACE,0KaiPF,uEACE,sBAGF,oEACE,SAGF,sEACE,SGlSF,yDjB0PA,wBA3MI,qIA2MJ,wBiBpPE,0DjBoPF,qCA3MI,uIA2MJ,qCckGA,uDdlGA,wBA3MI,iIA2MJ,wBiB1PA,kFjB0PA,wBA3MI,uLA2MJ,wBiBpPE,mFjBoPF,qCA3MI,yLA2MJ,qCCjOA,6FAEI,sHDoBA,6MCjBE,oHiBaN,6FACE,iBjBnBF,uPAEI,4HDoBA,ohBCjBE,0HiBuBJ,uPACE,ejBfJ,uFACE,wLADF,iMACE,gMaoVF,gFdlIA,wBA3MI,mLA2MJ,wBCjOA,mHAEI,sHDoBA,yPCjBE,oHiBaN,mHACE,gBjBnBF,mSAEI,0HDoBA,4mBCjBE,wHiBuBJ,mSACE,ejBfJ,6GACE,oMADF,6OACE,4MaqWF,sGdnJA,wBA3MI,+NA2MJ,wBiB1PA,0DjB0PA,wBA3MI,uIA2MJ,wBiBhPE,2DjBgPF,qCA3MI,yIA2MJ,qCiB1PA,mFjB0PA,wBA3MI,yLA2MJ,wBiBhPE,oFjBgPF,qCA3MI,2LA2MJ,qCiBpOA,4FjBoOA,qBA3MI,2MA2MJ,qBiBjOE,kHjBiOF,qBA3MI,uPA2MJ,qBiB3NA,6FjB2NA,qCA3MI,6MA2MJ,qCU1GF,+JAEE,YACA,kDOnJA,+EjB0PA,wBA3MI,iLA2MJ,wBiBpPE,gFjBoPF,qCA3MI,mLA2MJ,qCc+GA,6Ed/GA,wBA3MI,6KA2MJ,wBiB1PA,gFjB0PA,wBA3MI,mLA2MJ,wBiBhPE,iFjBgPF,qCA3MI,qLA2MJ,qCiBpOA,kHjBoOA,qBA3MI,uPA2MJ,qBiBjOE,wIjBiOF,qBA3MI,mSA2MJ,qBiB3NA,mHjB2NA,qCA3MI,yPA2MJ,qCCjOA,wDAQI,oFAMJ,kDACE,wJaiIF,8CACE,oBAGF,2CACE,kBAEA,wDACE,kBAOF,2IJhBF,gBACA,YAGF,0BIwUE,oBACA,WACA,YACA,gBACA,iBI5fA,oQNuDI,4BCzCgC,CKdpC,q+BNuDI,4BCvCiC,CKhBrC,4UNwFI,qBAoBE,+CXjEN,qDACE,8JiBnBF,6EPhBE,0BX0CE,6KWrCE,0BOyBN,8EP9BE,0BX0CE,+KWrCE,0BLkJN,mEAQM,aQzIN,yDFwBI,4BE2b+B,CbrdnC,2DAQI,kFiBUJ,2DACE,iBjBnBF,mLAQI,wFiBoBF,mLACE,eFtDJ,4DhB0PA,wBgBvPE,kBACA,WF4euD,CdjcrD,2IA2MJ,wBcgQA,iDACE,gBACA,sBACA,YACA,qBACA,oBACA,YAGF,mFACE,mBACA,iBAGF,8CACE,SACA,YACA,WACA,oBIxgBF,+OAGE,gBJqQwC,CJ5F5C,2BIkRE,WAEA,0DAIE,cR5SF,mIAQM,aQzIN,yFFwBI,4BEmZiC,CAInC,iFACE,UAIJ,2EACE,gBAyFF,iHFrdI,4BAoBE,oDFkFR,4BACE,aACA,8BACA,sBAEA,mDACE,kBAGF,4CACE,mBACA,iBGtKiC,CH8KrC,sCACE,sBImXA,4EF9gBI,wBCpD+B,CCyLjC,6LFrIE,wBCpD+B,CC6JnC,kIACE,UIjKF,4UNwFI,qBAoBE,+CEucN,6IF3dI,4BAoBE,oDE6cN,mJFjeI,4BAoBE,oDEmdN,yEFveI,yBAoBE,iDEydN,4EF7eI,cAoBE,sCG5FN,wJHwEI,cAoBE,sCEXN,gDFTI,oBAoBE,4CEgFJ,2PFpGE,cAoBE,sCKnEN,yJL+CI,cAoBE,sCKhEF,yKL4CA,cAoBE,sCEwCN,iGACE,UIrJF,4UNwFI,qBAoBE,6CM5GN,qnCNwFI,qBAoBE,6CM5GN,oZNwFI,qBAoBE,6CM5GN,4UNwFI,qBAoBE,6CM5GN,qnCNwFI,qBAoBE,6CM5GN,oZNwFI,qBAoBE,6CF8HR,0BEnLM,yBE6DJ,mBACA,oBA8bA,iDF5fI,mCC7D2B,CCiiB/B,iDFpeI,qBChD8B,CC8jBlC,8CF9gBI,qBCjDgC,CEIpC,kFH6CI,qBC/CsC,CGS1C,oJJsCI,qBC/CsC,CIiC1C,gDLcI,oBC5DyB,CCkjB7B,yDFtfI,mCC9DuC,CC8H3C,8CACE,eJsHJ,mDEvLM,qDChC6B,CKvBjC,kPNuDI,4BCxCoC,CCqPxC,0EACE,mBb9PF,yEACE,GACE,sIAGF,IACE,8IACA,wIAGF,IACE,8JACA,0IAGF,KACE,uIAhBJ,iEACE,GACE,sIAGF,IACE,8IACA,wIAGF,IACE,8JACA,0IAGF,KACE,uIAhBJ,4EACE,GACE,0IAGF,IACE,8IACA,4IAGF,IACE,8JACA,8IAGF,KACE,2IAhBJ,oEACE,GACE,0IAGF,IACE,8IACA,4IAGF,IACE,8JACA,8IAGF,KACE,2IAhBJ,kFACE,GACE,wIAGF,IACE,8IACA,0IAGF,IACE,8JACA,4IAGF,KACE,yIAhBJ,0EACE,GACE,wIAGF,IACE,8IACA,0IAGF,IACE,8JACA,4IAGF,KACE,yIAhBJ,yFACE,GACE,wIAGF,IACE,8IACA,0IAGF,IACE,8JACA,4IAGF,KACE,yIAhBJ,iFACE,GACE,wIAGF,IACE,8IACA,0IAGF,IACE,8JACA,4IAGF,KACE,yIAhBJ,+FACE,GACE,4IAGF,IACE,8IACA,8IAGF,IACE,8JACA,gJAGF,KACE,6IAhBJ,uFACE,GACE,4IAGF,IACE,8IACA,8IAGF,IACE,8JACA,gJAGF,KACE,6IAhBJ,6FACE,GACE,wIAGF,IACE,8IACA,0IAGF,IACE,8JACA,4IAGF,KACE,yIAhBJ,qFACE,GACE,wIAGF,IACE,8IACA,0IAGF,IACE,8JACA,4IAGF,KACE,yIAhBJ,mGACE,GACE,8IAGF,IACE,8IACA,gJAGF,IACE,8JACA,kJAGF,KACE,+IAhBJ,2FACE,GACE,8IAGF,IACE,8IACA,gJAGF,IACE,8JACA,kJAGF,KACE,+IAhBJ,iEACE,GACE,0IAGF,IACE,8IACA,4IAGF,IACE,8JACA,8IAGF,KACE,2IAhBJ,yDACE,GACE,0IAGF,IACE,8IACA,4IAGF,IACE,8JACA,8IAGF,KACE,2I","file":"mdc.textfield.min.css","sourcesContent":["//\n// Copyright 2017 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@import \"@material/animation/variables\";\n@import \"@material/base/mixins\";\n@import \"@material/rtl/mixins\";\n@import \"@material/theme/variables\";\n@import \"@material/theme/mixins\";\n@import \"@material/typography/mixins\";\n@import \"./mixins\";\n@import \"./variables\";\n\n// Floating Label is intended for use by multiple components, but its styles should only be emitted once when bundled\n@include mdc-base-emit-once(\"mdc-floating-label\") {\n  // postcss-bem-linter: define floating-label\n  .mdc-floating-label {\n    @include mdc-typography(subtitle1);\n\n    position: absolute;\n    /* @noflip */\n    left: 0;\n    /* @noflip */\n    transform-origin: left top;\n    transition:\n      transform $mdc-floating-label-transition-duration $mdc-animation-standard-curve-timing-function,\n      color $mdc-floating-label-transition-duration $mdc-animation-standard-curve-timing-function;\n    /* @alternate */\n    line-height: 1.15rem;\n    text-align: left;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    cursor: text;\n    overflow: hidden;\n    // Force the label into its own layer to prevent visible layer promotion adjustments\n    // when the ripple is activated behind it.\n    will-change: transform;\n\n    @include mdc-rtl {\n      /* @noflip */\n      right: 0;\n      /* @noflip */\n      left: auto;\n      /* @noflip */\n      transform-origin: right top;\n      /* @noflip */\n      text-align: right;\n    }\n  }\n\n  .mdc-floating-label--float-above {\n    cursor: auto;\n  }\n\n  @at-root {\n    @include mdc-floating-label-float-position($mdc-floating-label-position-y);\n    @include mdc-floating-label-shake-animation(standard);\n  }\n\n  @include mdc-floating-label-shake-keyframes(standard, $mdc-floating-label-position-y);\n}\n","//\n// Copyright 2017 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@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n@import \"./variables\";\n\n@mixin mdc-typography-core-styles($query: mdc-feature-all()) {\n  .mdc-typography {\n    @include mdc-typography-base($query: $query);\n  }\n\n  @each $style in map-keys($mdc-typography-styles) {\n    .mdc-typography--#{$style} {\n      @include mdc-typography($style, $query: $query);\n    }\n  }\n}\n\n@mixin mdc-typography-base($query: mdc-feature-all()) {\n  $feat-typography: mdc-feature-create-target($query, typography);\n\n  @include mdc-feature-targets($feat-typography) {\n    @each $key, $value in $mdc-typography-base {\n      #{$key}: $value;\n    }\n  }\n}\n\n@mixin mdc-typography($style, $query: mdc-feature-all()) {\n  $feat-typography: mdc-feature-create-target($query, typography);\n  $style-props: map-get($mdc-typography-styles, $style);\n\n  @if not map-has-key($mdc-typography-styles, $style) {\n    @error \"Invalid style specified! #{$style} doesn't exist. Choose one of #{map-keys($mdc-typography-styles)}\";\n  }\n\n  @include mdc-feature-targets($feat-typography) {\n    @each $key, $value in $style-props {\n      #{$key}: $value;\n    }\n  }\n}\n\n// Element must be `display: block` or `display: inline-block` for this to work.\n@mixin mdc-typography-overflow-ellipsis($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n  }\n}\n\n@mixin mdc-typography-baseline-top($distance, $query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    display: block;\n    margin-top: 0;\n    /* @alternate */\n    line-height: normal;\n  }\n\n  &::before {\n    @include mdc-feature-targets($feat-structure) {\n      @include mdc-typography-baseline-strut_($distance);\n\n      vertical-align: 0;\n    }\n  }\n}\n\n@mixin mdc-typography-baseline-bottom($distance, $query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    margin-bottom: -1 * $distance;\n  }\n\n  &::after {\n    @include mdc-feature-targets($feat-structure) {\n      @include mdc-typography-baseline-strut_($distance);\n\n      vertical-align: -1 * $distance;\n    }\n  }\n}\n\n@mixin mdc-typography-baseline-strut_($distance) {\n  display: inline-block;\n  width: 0;\n  height: $distance;\n  content: \"\";\n}\n","//\n// Copyright 2017 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@import \"./variables\";\n\n// Creates a rule that will be applied when an MDC Web component is within the context of an RTL layout.\n//\n// Usage Example:\n//\n// ```scss\n// .mdc-foo {\n//   position: absolute;\n//   left: 0;\n//\n//   @include mdc-rtl {\n//     left: auto;\n//     right: 0;\n//   }\n//\n//   &__bar {\n//     margin-left: 4px;\n//     @include mdc-rtl(\".mdc-foo\") {\n//       margin-left: auto;\n//       margin-right: 4px;\n//     }\n//   }\n// }\n//\n// .mdc-foo--mod {\n//   padding-left: 4px;\n//\n//   @include mdc-rtl {\n//     padding-left: auto;\n//     padding-right: 4px;\n//   }\n// }\n// ```\n//\n// Note that this mixin works by checking for an ancestor element with `[dir=\"rtl\"]`.\n// As a result, nested `dir` values are not supported:\n//\n// ```html\n// <html dir=\"rtl\">\n//   <!-- ... -->\n//   <div dir=\"ltr\">\n//     <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n//   </div>\n// </html>\n// ```\n//\n// In the future, selectors such as the `:dir` pseudo-class (http://mdn.io/css/:dir) will help us mitigate this.\n@mixin mdc-rtl($root-selector: null) {\n  @if ($mdc-rtl-include) {\n    @if ($root-selector) {\n      @at-root {\n        #{$root-selector}[dir=\"rtl\"] &,\n        [dir=\"rtl\"] #{$root-selector} & {\n          @content;\n        }\n      }\n    } @else {\n      [dir=\"rtl\"] &,\n      &[dir=\"rtl\"] {\n        @content;\n      }\n    }\n  }\n}\n\n// Takes a base box-model property name (`margin`, `border`, `padding`, etc.) along with a\n// default direction (`left` or `right`) and value, and emits rules which apply the given value to the\n// specified direction by default and the opposite direction in RTL.\n//\n// For example:\n//\n// ```scss\n// .mdc-foo {\n//   @include mdc-rtl-reflexive-box(margin, left, 8px);\n// }\n// ```\n//\n// is equivalent to:\n//\n// ```scss\n// .mdc-foo {\n//   margin-left: 8px;\n//   margin-right: 0;\n//\n//   @include mdc-rtl {\n//     margin-left: 0;\n//     margin-right: 8px;\n//   }\n// }\n// ```\n//\n// whereas:\n//\n// ```scss\n// .mdc-foo {\n//   @include mdc-rtl-reflexive-box(margin, right, 8px);\n// }\n// ```\n//\n// is equivalent to:\n//\n// ```scss\n// .mdc-foo {\n//   margin-left: 0;\n//   margin-right: 8px;\n//\n//   @include mdc-rtl {\n//     margin-left: 8px;\n//     margin-right: 0;\n//   }\n// }\n// ```\n//\n// You can also pass an optional 4th `$root-selector` argument which will be forwarded to `mdc-rtl`,\n// e.g. `@include mdc-rtl-reflexive-box(margin, left, 8px, \".mdc-component\")`.\n//\n// Note that this function will always zero out the original value in an RTL context.\n// If you're trying to flip the values, use `mdc-rtl-reflexive-property()` instead.\n@mixin mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector: null) {\n  @if (index((right, left), $default-direction) == null) {\n    @error \"Invalid default direction: '#{$default-direction}'. Please specifiy either 'right' or 'left'.\";\n  }\n\n  $left-value: $value;\n  $right-value: 0;\n\n  @if ($default-direction == right) {\n    $left-value: 0;\n    $right-value: $value;\n  }\n\n  @include mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector);\n}\n\n// Takes a base property and emits rules that assign <base-property>-left to <left-value> and\n// <base-property>-right to <right-value> in a LTR context, and vice versa in a RTL context.\n// For example:\n//\n// ```scss\n// .mdc-foo {\n//   @include mdc-rtl-reflexive-property(margin, auto, 12px);\n// }\n// ```\n//\n// is equivalent to:\n//\n// ```scss\n// .mdc-foo {\n//   margin-left: auto;\n//   margin-right: 12px;\n//\n//   @include mdc-rtl {\n//     margin-left: 12px;\n//     margin-right: auto;\n//   }\n// }\n// ```\n//\n// An optional 4th `$root-selector` argument can be given, which will be passed to `mdc-rtl`.\n@mixin mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector: null) {\n  $prop-left: #{$base-property}-left;\n  $prop-right: #{$base-property}-right;\n\n  @include mdc-rtl-reflexive($prop-left, $left-value, $prop-right, $right-value, $root-selector);\n}\n\n// Takes an argument specifying a horizontal position property (either \"left\" or \"right\") as well\n// as a value, and applies that value to the specified position in a LTR context, and flips it in a\n// RTL context. For example:\n//\n// ```scss\n// .mdc-foo {\n//   @include mdc-rtl-reflexive-position(left, 0);\n// }\n// ```\n//\n// is equivalent to:\n//\n// ```scss\n// .mdc-foo {\n//   left: 0;\n//   right: initial;\n//\n//   @include mdc-rtl {\n//     left: initial;\n//     right: 0;\n//   }\n// }\n// ```\n//\n// An optional third $root-selector argument may also be given, which is passed to `mdc-rtl`.\n@mixin mdc-rtl-reflexive-position($position-property, $value, $root-selector: null) {\n  @if (index((right, left), $position-property) == null) {\n    @error \"Invalid position #{position-property}. Please specifiy either right or left\";\n  }\n\n  // TODO: \"initial\" is not supported in IE 11. https://caniuse.com/#feat=css-initial-value\n  $left-value: $value;\n  $right-value: initial;\n\n  @if ($position-property == right) {\n    $right-value: $value;\n    $left-value: initial;\n  }\n\n  @include mdc-rtl-reflexive(left, $left-value, right, $right-value, $root-selector);\n}\n\n// Takes pair of properties with values as arguments and flips it in RTL context.\n// For example:\n//\n// ```scss\n// .mdc-foo {\n//   @include mdc-rtl-reflexive(left, 2px, right, 5px);\n// }\n// ```\n//\n// is equivalent to:\n//\n// ```scss\n// .mdc-foo {\n//   left: 2px;\n//   right: 5px;\n//\n//   @include mdc-rtl {\n//     right: 2px;\n//     left: 5px;\n//   }\n// }\n// ```\n//\n// An optional fifth `$root-selector` argument may also be given, which is passed to `mdc-rtl`.\n@mixin mdc-rtl-reflexive(\n  $left-property,\n  $left-value,\n  $right-property,\n  $right-value,\n  $root-selector: null\n) {\n  @include mdc-rtl-property_($left-property, $left-value);\n  @include mdc-rtl-property_($right-property, $right-value);\n\n  @include mdc-rtl($root-selector) {\n    @include mdc-rtl-property_($left-property, $right-value);\n    @include mdc-rtl-property_($right-property, $left-value);\n  }\n}\n\n///\n/// Adds `@noflip` annotation when `$mdc-rtl-include` is true.\n///\n/// @param {String} $property\n/// @param {String} $value\n/// @access private\n///\n@mixin mdc-rtl-property_($property, $value) {\n  @if $mdc-rtl-include {\n    /* @noflip */\n  }\n\n  #{$property}: #{$value};\n}\n","//\n// Copyright 2018 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@import \"@material/rtl/mixins\";\n@import \"@material/theme/mixins\";\n@import \"./variables\";\n\n@mixin mdc-floating-label-ink-color($color) {\n  @include mdc-theme-prop(color, $color);\n}\n\n// Used for textarea in case of scrolling\n@mixin mdc-floating-label-fill-color($color) {\n  @include mdc-theme-prop(background-color, $color);\n}\n\n@mixin mdc-floating-label-shake-keyframes($modifier, $positionY, $positionX: 0%, $scale: .75) {\n  @keyframes mdc-floating-label-shake-float-above-#{$modifier} {\n    0% {\n      transform: translateX(calc(0 - #{$positionX})) translateY(-#{$positionY}) scale(#{$scale});\n    }\n\n    33% {\n      animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);\n      transform: translateX(calc(4% - #{$positionX})) translateY(-#{$positionY}) scale(#{$scale});\n    }\n\n    66% {\n      animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);\n      transform: translateX(calc(-4% - #{$positionX})) translateY(-#{$positionY}) scale(#{$scale});\n    }\n\n    100% {\n      transform: translateX(calc(0 - #{$positionX})) translateY(-#{$positionY}) scale(#{$scale});\n    }\n  }\n}\n\n@mixin mdc-floating-label-float-position($positionY, $positionX: 0%, $scale: .75) {\n  .mdc-floating-label--float-above {\n    @if $positionX > 0 or $positionX < 0 {\n      transform: translateY(-1 * $positionY) translateX(-1 * $positionX) scale($scale);\n\n      @include mdc-rtl {\n        transform: translateY(-1 * $positionY) translateX($positionX) scale($scale);\n      }\n    } @else {\n      transform: translateY(-1 * $positionY) scale($scale);\n    }\n  }\n}\n\n@mixin mdc-floating-label-shake-animation($modifier) {\n  .mdc-floating-label--shake {\n    animation: mdc-floating-label-shake-float-above-#{$modifier} 250ms 1;\n  }\n}\n\n@mixin mdc-floating-label-max-width($max-width) {\n  max-width: $max-width;\n}\n","//\n// Copyright 2018 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@import \"@material/base/mixins\";\n@import \"@material/theme/mixins\";\n@import \"./functions\";\n@import \"./mixins\";\n\n// Line Ripple is intended for use by multiple components, but its styles should only be emitted once when bundled\n@include mdc-base-emit-once(\"mdc-line-ripple\") {\n  // postcss-bem-linter: define line-ripple\n  .mdc-line-ripple {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 2px;\n    transform: scaleX(0);\n    transition: mdc-line-ripple-transition-value(transform), mdc-line-ripple-transition-value(opacity);\n    opacity: 0;\n    z-index: 2;\n  }\n\n  .mdc-line-ripple--active {\n    transform: scaleX(1);\n    opacity: 1;\n  }\n\n  .mdc-line-ripple--deactivating {\n    opacity: 0;\n  }\n}\n","//\n// Copyright 2017 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@import \"@material/animation/variables\";\n@import \"@material/base/mixins\";\n@import \"@material/rtl/mixins\";\n@import \"./mixins\";\n@import \"./variables\";\n\n// Notched Outline is intended for use by multiple components, but its styles should only be emitted once when bundled\n@include mdc-base-emit-once(\"mdc-notched-outline\") {\n  .mdc-notched-outline {\n    display: flex;\n    position: absolute;\n    right: 0;\n    left: 0;\n    box-sizing: border-box;\n    width: 100%;\n    max-width: 100%;\n    height: 100%;\n    /* @noflip */\n    text-align: left;\n    pointer-events: none;\n\n    @include mdc-rtl {\n      /* @noflip */\n      text-align: right;\n    }\n\n    &__leading,\n    &__notch,\n    &__trailing {\n      box-sizing: border-box;\n      height: 100%;\n      transition: border $mdc-notched-outline-transition-duration $mdc-animation-standard-curve-timing-function;\n      border-top: 1px solid;\n      border-bottom: 1px solid;\n      pointer-events: none;\n    }\n\n    &__leading {\n      @include mdc-rtl-reflexive-property(border, 1px solid, none);\n\n      width: $mdc-notched-outline-leading-width;\n    }\n\n    &__trailing {\n      @include mdc-rtl-reflexive-property(border, none, 1px solid);\n\n      flex-grow: 1;\n    }\n\n    &__notch {\n      flex: 0 0 auto;\n      width: auto;\n      max-width: calc(100% - #{$mdc-notched-outline-leading-width} * 2);\n    }\n\n    .mdc-floating-label {\n      display: inline-block;\n      position: relative;\n      top: 17px;\n      bottom: auto;\n      max-width: 100%;\n    }\n\n    .mdc-floating-label--float-above {\n      text-overflow: clip;\n    }\n\n    &--upgraded .mdc-floating-label--float-above {\n      max-width: calc(100% / .75);\n    }\n  }\n\n  .mdc-notched-outline--notched {\n    .mdc-notched-outline__notch {\n      @include mdc-rtl-reflexive-box(padding, right, 8px);\n\n      border-top: none;\n    }\n  }\n\n  .mdc-notched-outline--no-label {\n    .mdc-notched-outline__notch {\n      padding: 0;\n    }\n  }\n}\n","//\n// Copyright 2018 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$mdc-notched-outline-transition-duration: 150ms !default;\n// Keep this in sync with constants.numbers.MIN_LEADING_STROKE_EDGE_POSITION\n$mdc-notched-outline-min-leading-stroke-edge-position: 12px !default;\n// The gap between the stroke end and floating label\n// Keep this in sync with constants.numbers.NOTCH_GUTTER_SIZE\n$mdc-notched-outline-notch-gutter-size: 4px !default;\n$mdc-notched-outline-leading-width: 12px !default;\n$mdc-notched-outline-padding: 4px !default;\n// This variable keeps the before/after JS label centered in the notch when the font-size is changed.\n$mdc-notched-outline-label-adjust: 14% !default;\n","//\n// Copyright 2017 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// MDC Ripple keyframes are split into their own file so that _mixins.scss can rely on them.\n\n@import \"@material/animation/variables\";\n@import \"./variables\";\n\n@mixin mdc-ripple-keyframes_ {\n  @keyframes mdc-ripple-fg-radius-in {\n    from {\n      animation-timing-function: $mdc-animation-standard-curve-timing-function;\n      // NOTE: For these keyframes, we do not need custom property fallbacks because they are only\n      // used in conjunction with `.mdc-ripple-upgraded`. Since MDCRippleFoundation checks to ensure\n      // that custom properties are supported within the browser before adding this class, we can\n      // safely use them without a fallback.\n      transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);\n    }\n\n    to {\n      transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n    }\n  }\n\n  @keyframes mdc-ripple-fg-opacity-in {\n    from {\n      animation-timing-function: linear;\n      opacity: 0;\n    }\n\n    to {\n      opacity: var(--mdc-ripple-fg-opacity, 0);\n    }\n  }\n\n  @keyframes mdc-ripple-fg-opacity-out {\n    from {\n      animation-timing-function: linear;\n      opacity: var(--mdc-ripple-fg-opacity, 0);\n    }\n\n    to {\n      opacity: 0;\n    }\n  }\n}\n","//\n// Copyright 2016 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@import \"@material/animation/functions\";\n@import \"@material/animation/variables\";\n@import \"@material/base/mixins\";\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n@import \"@material/theme/mixins\";\n@import \"./functions\";\n@import \"./keyframes\";\n@import \"./variables\";\n\n@mixin mdc-ripple-core-styles($query: mdc-feature-all()) {\n  // postcss-bem-linter: define ripple-surface\n\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  .mdc-ripple-surface {\n    @include mdc-ripple-surface($query: $query);\n    @include mdc-states($query: $query);\n    @include mdc-ripple-radius-bounded($query: $query);\n\n    @include mdc-feature-targets($feat-structure) {\n      position: relative;\n      outline: none;\n      overflow: hidden;\n    }\n\n    &[data-mdc-ripple-is-unbounded] {\n      @include mdc-ripple-radius-unbounded($query: $query);\n\n      @include mdc-feature-targets($feat-structure) {\n        overflow: visible;\n      }\n    }\n\n    &--primary {\n      @include mdc-states(primary, $query: $query);\n    }\n\n    &--accent {\n      @include mdc-states(secondary, $query: $query);\n    }\n  }\n\n  // postcss-bem-linter: end\n}\n\n@mixin mdc-ripple-common($query: mdc-feature-all()) {\n  $feat-animation: mdc-feature-create-target($query, animation);\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  // Ensure that styles needed by any component using MDC Ripple are emitted, but only once.\n  // (Every component using MDC Ripple imports these mixins, but doesn't necessarily import\n  // mdc-ripple.scss.)\n  @include mdc-feature-targets($feat-animation) {\n    @include mdc-base-emit-once(\"mdc-ripple/common/animation\") {\n      @include mdc-ripple-keyframes_;\n    }\n  }\n\n  @include mdc-feature-targets($feat-structure) {\n    @include mdc-base-emit-once(\"mdc-ripple/common/structure\") {\n      // Styles used to detect buggy behavior of CSS custom properties in Edge.\n      // See: https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/11495448/\n      // This is included in _mixins.scss rather than mdc-ripple.scss so that it will be\n      // present for other components which rely on ripple as well as mdc-ripple itself.\n      .mdc-ripple-surface--test-edge-var-bug {\n        --mdc-ripple-surface-test-edge-var: 1px solid #000;\n\n        visibility: hidden;\n\n        &::before {\n          border: var(--mdc-ripple-surface-test-edge-var);\n        }\n      }\n    }\n  }\n}\n\n@mixin mdc-ripple-surface($query: mdc-feature-all()) {\n  $feat-animation: mdc-feature-create-target($query, animation);\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    --mdc-ripple-fg-size: 0;\n    --mdc-ripple-left: 0;\n    --mdc-ripple-top: 0;\n    --mdc-ripple-fg-scale: 1;\n    --mdc-ripple-fg-translate-end: 0;\n    --mdc-ripple-fg-translate-start: 0;\n\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n    // !!DO NOT REMOVE!! mdc-ripple-will-change-replacer\n  }\n\n  &::before,\n  &::after {\n    @include mdc-feature-targets($feat-structure) {\n      position: absolute;\n      border-radius: 50%;\n      opacity: 0;\n      pointer-events: none;\n      content: \"\";\n    }\n  }\n\n  &::before {\n    @include mdc-feature-targets($feat-animation) {\n      // Also transition background-color to avoid unnatural color flashes when toggling activated/selected state\n      transition:\n        opacity $mdc-states-wash-duration linear,\n        background-color $mdc-states-wash-duration linear;\n    }\n\n    @include mdc-feature-targets($feat-structure) {\n      z-index: 1; // Ensure that the ripple wash for hover/focus states is displayed on top of positioned child elements\n    }\n  }\n\n  // Common styles for upgraded surfaces (some of these depend on custom properties set via JS or other mixins)\n\n  &.mdc-ripple-upgraded::before {\n    @include mdc-feature-targets($feat-structure) {\n      transform: scale(var(--mdc-ripple-fg-scale, 1));\n    }\n  }\n\n  &.mdc-ripple-upgraded::after {\n    @include mdc-feature-targets($feat-structure) {\n      top: 0;\n      /* @noflip */\n      left: 0;\n      transform: scale(0);\n      transform-origin: center center;\n    }\n  }\n\n  &.mdc-ripple-upgraded--unbounded::after {\n    @include mdc-feature-targets($feat-structure) {\n      top: var(--mdc-ripple-top, 0);\n      /* @noflip */\n      left: var(--mdc-ripple-left, 0);\n    }\n  }\n\n  &.mdc-ripple-upgraded--foreground-activation::after {\n    @include mdc-feature-targets($feat-animation) {\n      animation:\n        mdc-ripple-fg-radius-in $mdc-ripple-translate-duration forwards,\n        mdc-ripple-fg-opacity-in $mdc-ripple-fade-in-duration forwards;\n    }\n  }\n\n  &.mdc-ripple-upgraded--foreground-deactivation::after {\n    @include mdc-feature-targets($feat-animation) {\n      animation: mdc-ripple-fg-opacity-out $mdc-ripple-fade-out-duration;\n    }\n\n    @include mdc-feature-targets($feat-structure) {\n      // Retain transform from mdc-ripple-fg-radius-in activation\n      transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n    }\n  }\n}\n\n@mixin mdc-states-base-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  &::before,\n  &::after {\n    @include mdc-feature-targets($feat-color) {\n      @if alpha(mdc-theme-prop-value($color)) > 0 {\n        @include mdc-theme-prop(background-color, $color, $edgeOptOut: true);\n      } @else {\n        // If a color with 0 alpha is specified, don't render the ripple pseudo-elements at all.\n        // This avoids unnecessary transitions and overflow.\n        content: none;\n      }\n    }\n  }\n}\n\n@mixin mdc-states-hover-opacity($opacity, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  // Background wash styles, for both CSS-only and upgraded stateful surfaces\n  &:hover::before {\n    // Opacity falls under color because the chosen opacity is color-dependent in typical usage\n    @include mdc-feature-targets($feat-color) {\n      opacity: $opacity;\n    }\n  }\n}\n\n@mixin mdc-states-focus-opacity($opacity, $has-nested-focusable-element: false, $query: mdc-feature-all()) {\n  $feat-animation: mdc-feature-create-target($query, animation);\n  // Opacity falls under color because the chosen opacity is color-dependent in typical usage\n  $feat-color: mdc-feature-create-target($query, color);\n\n  // Focus overrides hover by reusing the ::before pseudo-element.\n  // :focus-within generally works on non-MS browsers and matches when a *child* of the element has focus.\n  // It is useful for cases where a component has a focusable element within the root node, e.g. text field,\n  // but undesirable in general in case of nested stateful components.\n  // We use a modifier class for JS-enabled surfaces to support all use cases in all browsers.\n  $cssOnlyFocusSelector: if(\n    $has-nested-focusable-element,\n    \"&:not(.mdc-ripple-upgraded):focus::before, &:not(.mdc-ripple-upgraded):focus-within::before\",\n    \"&:not(.mdc-ripple-upgraded):focus::before\"\n  );\n\n  #{$cssOnlyFocusSelector},\n  &.mdc-ripple-upgraded--background-focused::before {\n    // Note that this duration is only effective on focus, not blur\n    @include mdc-feature-targets($feat-animation) {\n      transition-duration: 75ms;\n    }\n\n    @include mdc-feature-targets($feat-color) {\n      opacity: $opacity;\n    }\n  }\n}\n\n@mixin mdc-states-press-opacity($opacity, $query: mdc-feature-all()) {\n  $feat-animation: mdc-feature-create-target($query, animation);\n  $feat-color: mdc-feature-create-target($query, color);\n\n  // Styles for non-upgraded (CSS-only) stateful surfaces\n\n  &:not(.mdc-ripple-upgraded) {\n    // Apply press additively by using the ::after pseudo-element\n    &::after {\n      @include mdc-feature-targets($feat-animation) {\n        transition: opacity $mdc-ripple-fade-out-duration linear;\n      }\n    }\n\n    &:active::after {\n      @include mdc-feature-targets($feat-animation) {\n        transition-duration: $mdc-ripple-fade-in-duration;\n      }\n\n      // Opacity falls under color because the chosen opacity is color-dependent in typical usage\n      @include mdc-feature-targets($feat-color) {\n        opacity: $opacity;\n      }\n    }\n  }\n\n  &.mdc-ripple-upgraded {\n    @include mdc-feature-targets($feat-color) {\n      --mdc-ripple-fg-opacity: #{$opacity};\n    }\n  }\n}\n\n// Simple mixin for base states which automatically selects opacity values based on whether the ink color is\n// light or dark.\n@mixin mdc-states(\n  $color: mdc-theme-prop-value(on-surface),\n  $has-nested-focusable-element: false,\n  $query: mdc-feature-all()\n) {\n  @include mdc-states-interactions_($color, $has-nested-focusable-element, 0, $query);\n}\n\n// Simple mixin for activated states which automatically selects opacity values based on whether the ink color is\n// light or dark.\n@mixin mdc-states-activated($color, $has-nested-focusable-element: false, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n  $activated-opacity: mdc-states-opacity($color, activated);\n\n  &--activated {\n    // Stylelint seems to think that '&' qualifies as a type selector here?\n    // stylelint-disable-next-line selector-max-type\n    &::before {\n      // Opacity falls under color because the chosen opacity is color-dependent.\n      @include mdc-feature-targets($feat-color) {\n        opacity: $activated-opacity;\n      }\n    }\n\n    @include mdc-states-interactions_($color, $has-nested-focusable-element, $activated-opacity, $query);\n  }\n}\n\n// Simple mixin for selected states which automatically selects opacity values based on whether the ink color is\n// light or dark.\n@mixin mdc-states-selected($color, $has-nested-focusable-element: false, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n  $selected-opacity: mdc-states-opacity($color, selected);\n\n  &--selected {\n    // stylelint-disable-next-line selector-max-type\n    &::before {\n      // Opacity falls under color because the chosen opacity is color-dependent.\n      @include mdc-feature-targets($feat-color) {\n        opacity: $selected-opacity;\n      }\n    }\n\n    @include mdc-states-interactions_($color, $has-nested-focusable-element, $selected-opacity, $query);\n  }\n}\n\n@mixin mdc-ripple-radius-bounded($radius: 100%, $query: mdc-feature-all()) {\n  $feat-struture: mdc-feature-create-target($query, structure);\n\n  &::before,\n  &::after {\n    @include mdc-feature-targets($feat-struture) {\n      top: calc(50% - #{$radius});\n      /* @noflip */\n      left: calc(50% - #{$radius});\n      width: $radius * 2;\n      height: $radius * 2;\n    }\n  }\n\n  &.mdc-ripple-upgraded::after {\n    @include mdc-feature-targets($feat-struture) {\n      width: var(--mdc-ripple-fg-size, $radius);\n      height: var(--mdc-ripple-fg-size, $radius);\n    }\n  }\n}\n\n@mixin mdc-ripple-radius-unbounded($radius: 100%, $query: mdc-feature-all()) {\n  $feat-struture: mdc-feature-create-target($query, structure);\n\n  &::before,\n  &::after {\n    @include mdc-feature-targets($feat-struture) {\n      top: calc(50% - #{$radius / 2});\n      /* @noflip */\n      left: calc(50% - #{$radius / 2});\n      width: $radius;\n      height: $radius;\n    }\n  }\n\n  &.mdc-ripple-upgraded::before,\n  &.mdc-ripple-upgraded::after {\n    @include mdc-feature-targets($feat-struture) {\n      top: var(--mdc-ripple-top, calc(50% - #{$radius / 2}));\n      /* @noflip */\n      left: var(--mdc-ripple-left, calc(50% - #{$radius / 2}));\n      width: var(--mdc-ripple-fg-size, $radius);\n      height: var(--mdc-ripple-fg-size, $radius);\n    }\n  }\n\n  &.mdc-ripple-upgraded::after {\n    @include mdc-feature-targets($feat-struture) {\n      width: var(--mdc-ripple-fg-size, $radius);\n      height: var(--mdc-ripple-fg-size, $radius);\n    }\n  }\n}\n\n@mixin mdc-states-interactions_(\n  $color,\n  $has-nested-focusable-element,\n  $opacity-modifier: 0,\n  $query: mdc-feature-all()\n) {\n  @include mdc-states-base-color($color, $query);\n  @include mdc-states-hover-opacity(mdc-states-opacity($color, hover) + $opacity-modifier, $query);\n  @include mdc-states-focus-opacity(\n    mdc-states-opacity($color, focus) + $opacity-modifier,\n    $has-nested-focusable-element,\n    $query\n  );\n  @include mdc-states-press-opacity(mdc-states-opacity($color, press) + $opacity-modifier, $query);\n}\n","//\n// Copyright 2017 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@import \"../functions\";\n@import \"@material/theme/mixins\";\n@import \"@material/typography/mixins\";\n\n// postcss-bem-linter: define text-field-helper-text\n\n.mdc-text-field-helper-text {\n  @include mdc-typography(caption);\n  @include mdc-typography-baseline-top(16px);\n\n  margin: 0;\n  transition: mdc-text-field-transition(opacity);\n  opacity: 0;\n  will-change: opacity;\n}\n\n.mdc-text-field-helper-text--persistent {\n  transition: none;\n  opacity: 1;\n  will-change: initial;\n}\n\n// postcss-bem-linter: end\n","//\n// Copyright 2019 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@import \"../functions\";\n@import \"@material/rtl/mixins\";\n@import \"@material/typography/mixins\";\n\n// postcss-bem-linter: define text-field-character-counter\n\n.mdc-text-field-character-counter {\n  @include mdc-typography(caption);\n  @include mdc-typography-baseline-top(16px);\n  // Keep flex item align to trailing side on absence of helper text.\n  @include mdc-rtl-reflexive-box(margin, left, auto);\n  @include mdc-rtl-reflexive-box(padding, left, 16px);\n\n  white-space: nowrap;\n}\n\n// postcss-bem-linter: end\n","//\n// Copyright 2017 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@import \"@material/theme/variables\";\n@import \"@material/theme/mixins\";\n\n.mdc-text-field--with-leading-icon .mdc-text-field__icon,\n.mdc-text-field--with-trailing-icon .mdc-text-field__icon {\n  position: absolute;\n  bottom: 16px;\n  cursor: pointer;\n}\n\n.mdc-text-field__icon:not([tabindex]),\n.mdc-text-field__icon[tabindex=\"-1\"] {\n  cursor: default;\n  pointer-events: none;\n}\n","//\n// Copyright 2017 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@import \"@material/animation/variables\";\n@import \"@material/floating-label/mdc-floating-label\";\n@import \"@material/line-ripple/mdc-line-ripple\";\n@import \"@material/notched-outline/mdc-notched-outline\";\n@import \"@material/ripple/common\";\n@import \"@material/ripple/mixins\";\n@import \"@material/rtl/mixins\";\n@import \"@material/theme/variables\";\n@import \"@material/typography/mixins\";\n@import \"@material/typography/variables\";\n@import \"./functions\";\n@import \"./helper-text/mdc-text-field-helper-text\";\n@import \"./character-counter/mdc-text-field-character-counter\";\n@import \"./icon/mdc-text-field-icon\";\n@import \"./mixins\";\n@import \"./variables\";\n\n// postcss-bem-linter: define text-field\n\n.mdc-text-field {\n  @include mdc-ripple-surface;\n  // Text Field intentionally omits press ripple, so each state needs to be specified individually.\n  @include mdc-states-base-color($mdc-text-field-ink-color);\n  @include mdc-states-hover-opacity(mdc-states-opacity($mdc-text-field-ink-color, hover));\n  @include mdc-states-focus-opacity(mdc-states-opacity($mdc-text-field-ink-color, focus));\n  @include mdc-ripple-radius-bounded;\n\n  // Shape\n  @include mdc-text-field-shape-radius(small);\n\n  // Colors\n  @include mdc-text-field-label-color($mdc-text-field-label);\n  @include mdc-text-field-ink-color($mdc-text-field-ink-color);\n  @include mdc-text-field-caret-color(primary);\n  @include mdc-text-field-bottom-line-color($mdc-text-field-bottom-line-idle);\n  @include mdc-text-field-hover-bottom-line-color($mdc-text-field-bottom-line-hover);\n  @include mdc-text-field-line-ripple-color_(primary);\n  @include mdc-text-field-fullwidth-bottom-line-color($mdc-text-field-fullwidth-bottom-line-color);\n  @include mdc-text-field-helper-text-color($mdc-text-field-helper-text-color);\n  @include mdc-text-field-character-counter-color($mdc-text-field-helper-text-color);\n  @include mdc-text-field-icon-color($mdc-text-field-icon-color);\n  @include mdc-text-field-fill-color($mdc-text-field-background);\n\n  // Floating Label\n  @include mdc-text-field-floating-label_;\n\n  display: inline-flex;\n  position: relative;\n  box-sizing: border-box;\n  height: $mdc-text-field-height;\n  overflow: hidden;\n  /* @alternate */\n  will-change: opacity, transform, color;\n}\n\n.mdc-text-field__input {\n  @include mdc-typography(subtitle1);\n\n  align-self: flex-end;\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  padding: 20px 16px 6px;\n  transition: mdc-text-field-transition(opacity);\n  border: none;\n  border-bottom: 1px solid;\n  border-radius: 0;\n  background: none;\n  appearance: none;\n\n  &::placeholder {\n    transition: mdc-text-field-transition(opacity, $duration: 67ms);\n    opacity: 0;\n    color: $mdc-text-field-placeholder-ink-color;\n  }\n\n  // Override the placeholder styles in IE with important rule to improve specificity.\n  // stylelint-disable-next-line selector-no-vendor-prefix\n  &:-ms-input-placeholder {\n    color: $mdc-text-field-placeholder-ink-color !important;\n  }\n\n  // Always show placeholder for text fields that has no label and show only on focused state when label is present.\n  .mdc-text-field--fullwidth &::placeholder,\n  .mdc-text-field--no-label &::placeholder,\n  .mdc-text-field--focused &::placeholder {\n    transition-delay: 40ms;\n    transition-duration: 110ms;\n    opacity: 1;\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  // Remove red outline on firefox\n  &:invalid {\n    box-shadow: none;\n  }\n\n  // Keep Chrome autofill behind the notched outline\n  &:-webkit-autofill {\n    z-index: auto !important;\n  }\n\n  // Vertically center aligns the text input placeholder and value for only filled variant.\n  .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) & {\n    padding-top: 16px;\n    padding-bottom: 16px;\n  }\n}\n// stylelint-disable-next-line plugin/selector-bem-pattern\n// Move label when text-field gets auto-filled in Chrome.\n.mdc-text-field__input:-webkit-autofill + .mdc-floating-label {\n  transform: translateY(-50%) scale(.75);\n  cursor: auto;\n}\n\n.mdc-text-field--outlined {\n  @include mdc-text-field-outlined_;\n}\n\n.mdc-text-field--outlined.mdc-text-field--focused {\n  @include mdc-text-field-outlined-focused_;\n}\n\n.mdc-text-field--outlined.mdc-text-field--disabled {\n  @include mdc-text-field-outlined-disabled_;\n}\n\n.mdc-text-field--outlined.mdc-text-field--dense {\n  @include mdc-text-field-outlined-dense_;\n}\n\n.mdc-text-field--with-leading-icon {\n  @include mdc-text-field-with-leading-icon_;\n}\n\n.mdc-text-field--with-leading-icon.mdc-text-field--outlined {\n  @include mdc-text-field-outlined-with-leading-icon_;\n}\n\n.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense {\n  @include mdc-text-field-outlined-dense-with-leading-icon_;\n}\n\n.mdc-text-field--with-trailing-icon {\n  @include mdc-text-field-with-trailing-icon_;\n}\n\n.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon {\n  @include mdc-text-field-with-both-icons_;\n}\n\n// stylelint-disable plugin/selector-bem-pattern\n.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon,\n.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon {\n  bottom: 16px;\n  transform: scale(.8);\n}\n// stylelint-enable plugin/selector-bem-pattern\n\n.mdc-text-field--with-leading-icon.mdc-text-field--dense {\n  @include mdc-text-field-dense-with-leading-icon_;\n}\n\n.mdc-text-field--with-trailing-icon.mdc-text-field--dense {\n  @include mdc-text-field-dense-with-trailing-icon_;\n}\n\n.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense {\n  @include mdc-text-field-dense-with-both-icons_;\n}\n\n.mdc-text-field--dense {\n  @include mdc-text-field-dense_;\n}\n\n@include mdc-required-text-field-label-asterisk_ {\n  margin-left: 1px;\n  content: \"*\";\n}\n\n.mdc-text-field--textarea {\n  @include mdc-text-field-textarea_;\n}\n\n.mdc-text-field--fullwidth {\n  @include mdc-text-field-fullwidth_;\n}\n\n.mdc-text-field--fullwidth.mdc-text-field--invalid {\n  @include mdc-text-field-fullwidth-invalid_;\n}\n\n// postcss-bem-linter: define text-field-helper-text\n// stylelint-disable plugin/selector-bem-pattern\n.mdc-text-field-helper-line {\n  display: flex;\n  justify-content: space-between;\n  box-sizing: border-box;\n\n  .mdc-text-field--dense + & {\n    margin-bottom: 4px;\n  }\n\n  .mdc-text-field + & {\n    padding-right: $mdc-text-field-helper-line-padding;\n    padding-left: $mdc-text-field-helper-line-padding;\n  }\n}\n// stylelint-enable plugin/selector-bem-pattern\n// postcss-bem-linter: end\n\n// mdc-form-field tweaks to align text field label correctly\n// stylelint-disable selector-max-type\n.mdc-form-field > .mdc-text-field + label {\n  align-self: flex-start;\n}\n// stylelint-enable selector-max-type\n\n.mdc-text-field--focused {\n  @include mdc-text-field-focused_;\n}\n\n.mdc-text-field--textarea.mdc-text-field--focused {\n  @include mdc-text-field-textarea-stroke-color(primary);\n}\n\n.mdc-text-field--invalid {\n  @include mdc-text-field-invalid_;\n}\n\n.mdc-text-field--textarea.mdc-text-field--invalid {\n  @include mdc-text-field-textarea-invalid_;\n}\n\n.mdc-text-field--outlined.mdc-text-field--invalid {\n  @include mdc-text-field-outlined-invalid_;\n}\n\n.mdc-text-field--disabled {\n  @include mdc-text-field-disabled_;\n}\n\n.mdc-text-field--textarea.mdc-text-field--disabled {\n  @include mdc-text-field-textarea-disabled_;\n}\n\n@include mdc-floating-label-shake-keyframes(\n  text-field-dense,\n  $mdc-text-field-dense-label-position-y,\n  0%,\n  $mdc-text-field-dense-label-scale\n);\n@include mdc-floating-label-shake-keyframes(text-field-outlined, $mdc-text-field-outlined-label-position-y);\n@include mdc-floating-label-shake-keyframes(\n  text-field-outlined-dense,\n  $mdc-text-field-outlined-dense-label-position-y,\n  0%,\n  $mdc-text-field-dense-label-scale\n);\n@include mdc-floating-label-shake-keyframes(\n  text-field-outlined-leading-icon,\n  $mdc-text-field-outlined-label-position-y,\n  $mdc-text-field-outlined-with-leading-icon-label-position-x\n);\n@include mdc-floating-label-shake-keyframes(\n  text-field-outlined-leading-icon-dense,\n  $mdc-text-field-outlined-dense-label-position-y,\n  $mdc-text-field-outlined-dense-with-leading-icon-label-position-x,\n  $mdc-text-field-dense-label-scale\n);\n@include mdc-floating-label-shake-keyframes(\n  text-field-outlined-leading-icon-rtl,\n  $mdc-text-field-outlined-label-position-y,\n  -$mdc-text-field-outlined-with-leading-icon-label-position-x\n);\n@include mdc-floating-label-shake-keyframes(\n  text-field-outlined-leading-icon-dense-rtl,\n  $mdc-text-field-outlined-dense-label-position-y,\n  -$mdc-text-field-outlined-dense-with-leading-icon-label-position-x,\n  $mdc-text-field-dense-label-scale\n);\n@include mdc-floating-label-shake-keyframes(textarea, $mdc-text-field-textarea-label-position-y, 0%);\n","//\n// Copyright 2018 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@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n@import \"./variables\";\n@import \"./functions\";\n\n@mixin mdc-shape-radius($radius, $rtl-reflexive: false, $query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // Even if $rtl-reflexive is true, only emit RTL styles if we can't easily tell that the given radius is symmetrical\n    $needs-flip: $rtl-reflexive and length($radius) > 1;\n\n    @if ($needs-flip) {\n      /* @noflip */\n    }\n\n    border-radius: mdc-shape-prop-value($radius);\n\n    @if ($needs-flip) {\n      @include mdc-rtl {\n        /* @noflip */\n        border-radius: mdc-shape-flip-radius(mdc-shape-prop-value($radius));\n      }\n    }\n  }\n}\n","//\n// Copyright 2017 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@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n@import \"./variables\";\n@import \"./functions\";\n\n@mixin mdc-theme-core-styles($query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  :root {\n    @include mdc-feature-targets($feat-color) {\n      @each $style in map-keys($mdc-theme-property-values) {\n        --mdc-theme-#{$style}: #{map-get($mdc-theme-property-values, $style)};\n      }\n    }\n  }\n\n  @each $style in map-keys($mdc-theme-property-values) {\n    @if $style != \"background\" and $style != \"surface\" {\n      .mdc-theme--#{$style} {\n        @include mdc-feature-targets($feat-color) {\n          @include mdc-theme-prop(color, $style, true);\n        }\n      }\n    } @else {\n      .mdc-theme--#{$style} {\n        @include mdc-feature-targets($feat-color) {\n          @include mdc-theme-prop(background-color, $style);\n        }\n      }\n    }\n  }\n\n  // CSS rules for using primary and secondary (plus light/dark variants) as background colors.\n  @each $style in (\"primary\", \"secondary\") {\n    .mdc-theme--#{$style}-bg {\n      @include mdc-feature-targets($feat-color) {\n        @include mdc-theme-prop(background-color, $style, true);\n      }\n    }\n  }\n}\n\n// Applies the correct theme color style to the specified property.\n// $property is typically color or background-color, but can be any CSS property that accepts color values.\n// $style should be one of the map keys in $mdc-theme-property-values (_variables.scss), or a color value.\n// $edgeOptOut controls whether to feature-detect around Edge to avoid emitting CSS variables for it,\n// intended for use in cases where interactions with pseudo-element styles cause problems due to Edge bugs.\n@mixin mdc-theme-prop($property, $style, $important: false, $edgeOptOut: false) {\n  @if mdc-theme-is-var-with-fallback_($style) {\n    @if $important {\n      #{$property}: mdc-theme-get-var-fallback_($style) !important;\n      /* @alternate */\n      #{$property}: mdc-theme-var_($style) !important;\n    } @else {\n      #{$property}: mdc-theme-get-var-fallback_($style);\n      /* @alternate */\n      #{$property}: mdc-theme-var_($style);\n    }\n  } @else if mdc-theme-is-valid-theme-prop-value_($style) {\n    @if $important {\n      #{$property}: $style !important;\n    } @else {\n      #{$property}: $style;\n    }\n  } @else {\n    @if not map-has-key($mdc-theme-property-values, $style) {\n      @error \"Invalid style: '#{$style}'. Choose one of: #{map-keys($mdc-theme-property-values)}\";\n    }\n\n    $value: map-get($mdc-theme-property-values, $style);\n\n    @if $important {\n      #{$property}: $value !important;\n\n      @if $edgeOptOut {\n        // stylelint-disable max-nesting-depth\n        @at-root {\n          // IE 11 doesn't understand this syntax and ignores the entire block.\n          // Edge understands this syntax and skips the entire block to avoid a nasty :before/:after pseudo-element bug.\n          // All other browsers apply the styles within the block.\n          @supports not (-ms-ime-align: auto) {\n            // stylelint-disable scss/selector-no-redundant-nesting-selector\n            & {\n              /* @alternate */\n              #{$property}: var(--mdc-theme-#{$style}, $value) !important;\n            }\n            // stylelint-enable scss/selector-no-redundant-nesting-selector\n          }\n        }\n        // stylelint-enable max-nesting-depth\n      } @else {\n        /* @alternate */\n        #{$property}: var(--mdc-theme-#{$style}, $value) !important;\n      }\n    } @else {\n      #{$property}: $value;\n\n      @if $edgeOptOut {\n        // stylelint-disable max-nesting-depth\n        @at-root {\n          // IE 11 doesn't understand this syntax and ignores the entire block.\n          // Edge understands this syntax and skips the entire block to avoid a nasty :before/:after pseudo-element bug.\n          // All other browsers apply the styles within the block.\n          @supports not (-ms-ime-align: auto) {\n            // stylelint-disable scss/selector-no-redundant-nesting-selector\n            & {\n              /* @alternate */\n              #{$property}: var(--mdc-theme-#{$style}, $value);\n            }\n            // stylelint-enable scss/selector-no-redundant-nesting-selector\n          }\n        }\n        // stylelint-enable max-nesting-depth\n      } @else {\n        /* @alternate */\n        #{$property}: var(--mdc-theme-#{$style}, $value);\n      }\n    }\n  }\n}\n","//\n// Copyright 2017 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$mdc-text-field-error: error !default;\n$mdc-text-field-fullwidth-bottom-line-color: rgba(mdc-theme-prop-value(on-surface), .12) !default;\n$mdc-text-field-disabled-border: rgba(mdc-theme-prop-value(on-surface), .06) !default;\n$mdc-text-field-disabled-icon: rgba(mdc-theme-prop-value(on-surface), .3) !default;\n$mdc-text-field-bottom-line-hover: rgba(mdc-theme-prop-value(on-surface), .87) !default;\n$mdc-text-field-bottom-line-idle: rgba(mdc-theme-prop-value(on-surface), .42) !default;\n$mdc-text-field-label: rgba(mdc-theme-prop-value(on-surface), .6) !default;\n\n$mdc-text-field-ink-color: rgba(mdc-theme-prop-value(on-surface), .87) !default;\n$mdc-text-field-helper-text-color: rgba(mdc-theme-prop-value(on-surface), .6) !default;\n$mdc-text-field-icon-color: rgba(mdc-theme-prop-value(on-surface), .54) !default;\n$mdc-text-field-focused-label-color: rgba(mdc-theme-prop-value(primary), .87) !default;\n$mdc-text-field-placeholder-ink-color: rgba(mdc-theme-prop-value(on-surface), .54) !default;\n\n$mdc-text-field-disabled-label-color: rgba(mdc-theme-prop-value(on-surface), .37) !default;\n$mdc-text-field-disabled-ink-color: rgba(mdc-theme-prop-value(on-surface), .37) !default;\n$mdc-text-field-disabled-helper-text-color: rgba(mdc-theme-prop-value(on-surface), .37) !default;\n\n$mdc-text-field-background: mix(mdc-theme-prop-value(on-surface), mdc-theme-prop-value(surface), 4%) !default;\n$mdc-text-field-disabled-background: mix(mdc-theme-prop-value(on-surface), mdc-theme-prop-value(surface), 2%) !default;\n$mdc-text-field-secondary-text: rgba(mdc-theme-prop-value(on-surface), .6) !default;\n\n$mdc-text-field-outlined-idle-border: rgba(mdc-theme-prop-value(on-surface), .38) !default;\n$mdc-text-field-outlined-disabled-border: rgba(mdc-theme-prop-value(on-surface), .06) !default;\n$mdc-text-field-outlined-hover-border: rgba(mdc-theme-prop-value(on-surface), .87) !default;\n\n$mdc-textarea-border: rgba(mdc-theme-prop-value(on-surface), .73) !default;\n$mdc-textarea-background: rgba(mdc-theme-prop-value(surface), 1) !default;\n$mdc-textarea-disabled-border-color: rgba(mdc-theme-prop-value(on-surface), .26) !default;\n// cannot be transparent because multiline textarea input\n// will make text unreadable\n$mdc-textarea-disabled-background: rgba(249, 249, 249, 1) !default;\n\n$mdc-text-field-height: 56px !default;\n$mdc-text-field-label-position-y: 50% !default;\n$mdc-text-field-label-offset: 16px !default;\n$mdc-text-field-dense-label-position-y: 70% !default;\n$mdc-text-field-dense-label-scale: .8 !default;\n$mdc-text-field-outlined-label-position-y: 130% !default;\n$mdc-text-field-outlined-dense-label-position-y: 120% !default;\n$mdc-text-field-outlined-with-leading-icon-label-position-x: 0 !default;\n$mdc-text-field-outlined-dense-with-leading-icon-label-position-x: 21px !default;\n$mdc-text-field-textarea-label-position-y: 130% !default;\n$mdc-text-field-helper-line-padding: 16px !default;\n$mdc-text-field-input-padding: 16px !default;\n// Note that the scale factor is an eyeballed approximation of what's shown in the mocks.\n","//\n// Copyright 2017 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@import \"@material/floating-label/mixins\";\n@import \"@material/line-ripple/mixins\";\n@import \"@material/notched-outline/mixins\";\n@import \"@material/notched-outline/variables\";\n@import \"@material/theme/mixins\";\n@import \"@material/shape/mixins\";\n@import \"@material/shape/functions\";\n@import \"helper-text/mixins\";\n@import \"character-counter/mixins\";\n@import \"icon/mixins\";\n@import \"icon/variables\";\n@import \"./variables\";\n@import \"./functions\";\n\n@mixin mdc-text-field-shape-radius($radius, $rtl-reflexive: false) {\n  @if length($radius) > 2 {\n    @error \"Invalid radius: '#{$radius}' component doesn't allow customizing all corners\";\n  }\n\n  $masked-radius: mdc-shape-mask-radius($radius, 1 1 0 0);\n\n  @include mdc-shape-radius(\n    mdc-shape-resolve-percentage-radius($mdc-text-field-height, $masked-radius),\n    $rtl-reflexive\n  );\n}\n\n@mixin mdc-text-field-textarea-shape-radius($radius, $rtl-reflexive: false) {\n  @include mdc-notched-outline-shape-radius($radius, $rtl-reflexive);\n}\n\n@mixin mdc-text-field-ink-color($color) {\n  &:not(.mdc-text-field--disabled) {\n    @include mdc-text-field-ink-color_($color);\n  }\n}\n\n@mixin mdc-text-field-fill-color($color) {\n  &:not(.mdc-text-field--disabled) {\n    @include mdc-text-field-fill-color_($color);\n  }\n}\n\n@mixin mdc-text-field-textarea-stroke-color($color) {\n  &:not(.mdc-text-field--disabled) {\n    @include mdc-text-field-textarea-stroke-color_($color);\n  }\n}\n\n@mixin mdc-text-field-textarea-fill-color($color) {\n  &:not(.mdc-text-field--disabled) {\n    @include mdc-text-field-textarea-fill-color_($color);\n  }\n}\n\n@mixin mdc-text-field-fullwidth-bottom-line-color($color) {\n  &:not(.mdc-text-field--disabled) {\n    @include mdc-text-field-fullwidth-bottom-line-color_($color);\n  }\n}\n\n@mixin mdc-text-field-bottom-line-color($color) {\n  &:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) {\n    @include mdc-text-field-bottom-line-color_($color);\n  }\n}\n\n@mixin mdc-text-field-hover-bottom-line-color($color) {\n  &:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) {\n    @include mdc-text-field-hover-bottom-line-color_($color);\n  }\n}\n\n@mixin mdc-text-field-line-ripple-color($color) {\n  &:not(.mdc-text-field--disabled) {\n    @include mdc-text-field-line-ripple-color_($color);\n  }\n}\n\n@mixin mdc-text-field-label-color($color) {\n  &:not(.mdc-text-field--disabled) {\n    @include mdc-text-field-label-ink-color_($color);\n  }\n}\n\n@mixin mdc-text-field-outline-color($color) {\n  &:not(.mdc-text-field--disabled) {\n    @include mdc-notched-outline-color($color);\n  }\n}\n\n@mixin mdc-text-field-hover-outline-color($color) {\n  &:not(.mdc-text-field--disabled) {\n    @include mdc-text-field-hover-outline-color_($color);\n  }\n}\n\n@mixin mdc-text-field-focused-outline-color($color) {\n  &:not(.mdc-text-field--disabled) {\n    @include mdc-text-field-focused-outline-color_($color);\n  }\n}\n\n@mixin mdc-text-field-caret-color($color) {\n  .mdc-text-field__input {\n    @include mdc-theme-prop(caret-color, $color);\n  }\n}\n\n// Private mixins\n\n// Baseline\n\n@mixin mdc-text-field-disabled_ {\n  @include mdc-text-field-bottom-line-color_($mdc-text-field-disabled-border);\n  @include mdc-text-field-ink-color_($mdc-text-field-disabled-ink-color);\n  @include mdc-text-field-label-ink-color_($mdc-text-field-disabled-label-color);\n  @include mdc-text-field-helper-text-color_($mdc-text-field-disabled-helper-text-color);\n  @include mdc-text-field-character-counter-color_($mdc-text-field-disabled-helper-text-color);\n  @include mdc-text-field-icon-color_($mdc-text-field-disabled-icon);\n  @include mdc-text-field-fullwidth-bottom-line-color_($mdc-text-field-fullwidth-bottom-line-color);\n  @include mdc-text-field-fill-color_($mdc-text-field-disabled-background);\n\n  border-bottom: none;\n  pointer-events: none;\n\n  .mdc-floating-label {\n    cursor: default;\n  }\n}\n\n@mixin mdc-text-field-invalid_ {\n  @include mdc-text-field-bottom-line-color($mdc-text-field-error);\n  @include mdc-text-field-hover-bottom-line-color($mdc-text-field-error);\n  @include mdc-text-field-line-ripple-color($mdc-text-field-error);\n  @include mdc-text-field-label-color($mdc-text-field-error);\n  @include mdc-text-field-helper-text-validation-color($mdc-text-field-error);\n  @include mdc-text-field-caret-color($mdc-text-field-error);\n\n  &:not(.mdc-text-field--disabled) {\n    @include mdc-required-text-field-label-asterisk_ {\n      @include mdc-theme-prop(color, $mdc-text-field-error);\n    }\n  }\n\n  &.mdc-text-field--with-trailing-icon {\n    &:not(.mdc-text-field--with-leading-icon) {\n      @include mdc-text-field-icon-color($mdc-text-field-error);\n    }\n\n    &.mdc-text-field--with-leading-icon {\n      @include mdc-text-field-icon-color($mdc-text-field-error, /* styleSecondIcon */ true);\n    }\n  }\n\n  + .mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {\n    opacity: 1;\n  }\n}\n\n@mixin mdc-text-field-focused_ {\n  @include mdc-text-field-label-color($mdc-text-field-focused-label-color);\n\n  @include mdc-required-text-field-label-asterisk_ {\n    @include mdc-theme-prop(color, $mdc-text-field-focused-label-color);\n  }\n\n  + .mdc-text-field-helper-line .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg) {\n    opacity: 1;\n  }\n}\n\n@mixin mdc-text-field-dense_ {\n  @include mdc-floating-label-float-position(\n    $mdc-text-field-dense-label-position-y,\n    0%,\n    $mdc-text-field-dense-label-scale\n  );\n  @include mdc-floating-label-shake-animation(text-field-dense);\n\n  .mdc-text-field__input {\n    padding: 12px 12px 0;\n  }\n\n  .mdc-floating-label {\n    font-size: .813rem;\n\n    &--float-above {\n      font-size: .813rem;\n    }\n  }\n}\n\n@mixin mdc-required-text-field-label-asterisk_() {\n  .mdc-text-field__input:required ~ {\n    .mdc-floating-label::after,\n    .mdc-notched-outline .mdc-floating-label::after {\n      @content;\n    }\n  }\n}\n\n@mixin mdc-text-field-outline-shape-radius($radius, $rtl-reflexive: false) {\n  $resolved-radius: nth(mdc-shape-resolve-percentage-radius($mdc-text-field-height, mdc-shape-prop-value($radius)), 1);\n\n  @if (length(mdc-shape-prop-value($radius)) > 1) {\n    // stylelint-disable-next-line max-line-length\n    @warn \"mdc-text-field-outline-shape-radius only supports a single radius; see https://github.com/material-components/material-components-web/issues/4140\";\n  }\n\n  .mdc-notched-outline {\n    @include mdc-notched-outline-shape-radius($resolved-radius, $rtl-reflexive);\n  }\n\n  @if ($resolved-radius > $mdc-notched-outline-leading-width) {\n    .mdc-text-field__input {\n      @include mdc-rtl-reflexive-property(padding, $resolved-radius + $mdc-notched-outline-padding, 0);\n    }\n\n    + .mdc-text-field-helper-line {\n      @include mdc-rtl-reflexive-property(padding, $resolved-radius + $mdc-notched-outline-padding, $resolved-radius);\n    }\n  }\n}\n\n@mixin mdc-text-field-floating-label_ {\n  .mdc-floating-label {\n    @include mdc-rtl-reflexive-position(left, $mdc-text-field-label-offset);\n\n    top: 18px;\n    pointer-events: none;\n  }\n\n  &--textarea {\n    .mdc-floating-label {\n      @include mdc-rtl-reflexive-position(left, $mdc-notched-outline-padding);\n    }\n  }\n\n  &--outlined {\n    .mdc-floating-label {\n      @include mdc-rtl-reflexive-position(left, $mdc-notched-outline-padding);\n\n      top: 17px;\n    }\n\n    &--with-leading-icon {\n      .mdc-floating-label {\n        @include mdc-rtl-reflexive-position(left, ($mdc-text-field-icon-padding - $mdc-notched-outline-leading-width));\n\n        &--float-above {\n          @include mdc-rtl-reflexive-position(\n            left,\n            ($mdc-text-field-icon-padding - $mdc-notched-outline-leading-width) + $mdc-notched-outline-padding\n          );\n        }\n      }\n    }\n  }\n}\n\n// Outlined\n\n@mixin mdc-text-field-outlined-disabled_ {\n  @include mdc-notched-outline-color($mdc-text-field-outlined-disabled-border);\n  @include mdc-text-field-fill-color_(transparent);\n\n  .mdc-text-field__input {\n    border-bottom: none;\n  }\n}\n\n@mixin mdc-text-field-outlined-invalid_ {\n  @include mdc-text-field-outline-color($mdc-text-field-error);\n  @include mdc-text-field-hover-outline-color($mdc-text-field-error);\n  @include mdc-text-field-focused-outline-color($mdc-text-field-error);\n}\n\n@mixin mdc-text-field-outlined-focused_ {\n  @include mdc-notched-outline-stroke-width(2px);\n}\n\n@mixin mdc-text-field-outlined-dense_ {\n  @include mdc-notched-outline-floating-label-float-position(\n    $mdc-text-field-outlined-dense-label-position-y,\n    0%,\n    $mdc-text-field-dense-label-scale\n  );\n  @include mdc-floating-label-shake-animation(text-field-outlined-dense);\n\n  height: 48px;\n\n  .mdc-text-field__input {\n    padding: 12px 12px 7px;\n  }\n\n  .mdc-floating-label {\n    top: 14px;\n  }\n\n  .mdc-text-field__icon {\n    top: 12px;\n  }\n}\n\n@mixin mdc-text-field-outlined_ {\n  @include mdc-text-field-outline-color($mdc-text-field-outlined-idle-border);\n  @include mdc-text-field-hover-outline-color($mdc-text-field-outlined-hover-border);\n  @include mdc-text-field-focused-outline-color(primary);\n  @include mdc-floating-label-shake-animation(text-field-outlined);\n  @include mdc-text-field-outline-shape-radius(small);\n  @include mdc-notched-outline-floating-label-float-position($mdc-text-field-outlined-label-position-y);\n  @include mdc-states-base-color(transparent);\n  @include mdc-text-field-fill-color(transparent);\n\n  border: none;\n  overflow: visible;\n\n  .mdc-text-field__input {\n    display: flex;\n    padding: 12px 16px 14px;\n    border: none !important; // FF adds unwanted border in HC mode on windows.\n    background-color: transparent;\n    z-index: 1;\n  }\n\n  .mdc-text-field__icon {\n    z-index: 2;\n  }\n}\n\n@mixin mdc-text-field-hover-outline-color_($color) {\n  &:not(.mdc-text-field--focused) {\n    // stylelint-disable-next-line selector-combinator-space-after\n    .mdc-text-field__input:hover ~,\n    .mdc-text-field__icon:hover ~ {\n      .mdc-notched-outline {\n        @include mdc-notched-outline-color($color);\n      }\n    }\n  }\n}\n\n@mixin mdc-text-field-focused-outline-color_($color) {\n  &.mdc-text-field--focused {\n    @include mdc-notched-outline-color($color);\n  }\n}\n\n// Icons\n\n@mixin mdc-text-field-with-leading-icon_ {\n  @include mdc-text-field-icon-horizontal-position_(\n    left,\n    $mdc-text-field-icon-position,\n    $mdc-text-field-icon-padding,\n    $mdc-text-field-input-padding\n  );\n\n  .mdc-floating-label {\n    @include mdc-rtl-reflexive-position(left, $mdc-text-field-icon-padding);\n  }\n}\n\n@mixin mdc-text-field-dense-with-leading-icon_ {\n  @include mdc-text-field-icon-horizontal-position_(\n    left,\n    $mdc-text-field-dense-icon-position,\n    $mdc-text-field-dense-icon-padding,\n    $mdc-text-field-input-padding\n  );\n\n  .mdc-floating-label {\n    @include mdc-rtl-reflexive-position(left, $mdc-text-field-dense-icon-padding);\n  }\n}\n\n@mixin mdc-text-field-outlined-with-leading-icon_ {\n  @include mdc-text-field-icon-horizontal-position_(\n    left,\n    $mdc-text-field-icon-position,\n    $mdc-text-field-icon-padding,\n    $mdc-text-field-input-padding\n  );\n  @include mdc-notched-outline-floating-label-float-position($mdc-text-field-outlined-label-position-y, 32px);\n  @include mdc-floating-label-shake-animation(text-field-outlined-leading-icon);\n\n  @include mdc-rtl {\n    @include mdc-floating-label-shake-animation(text-field-outlined-leading-icon-rtl);\n  }\n\n  .mdc-floating-label {\n    @include mdc-rtl-reflexive-position(left, $mdc-text-field-icon-padding - $mdc-notched-outline-leading-width);\n  }\n}\n\n@mixin mdc-text-field-outlined-dense-with-leading-icon_ {\n  @include mdc-notched-outline-floating-label-float-position(\n    $mdc-text-field-outlined-dense-label-position-y,\n    $mdc-text-field-outlined-dense-with-leading-icon-label-position-x,\n    $mdc-text-field-dense-label-scale\n  );\n  @include mdc-floating-label-shake-animation(text-field-outlined-leading-icon-dense);\n\n  @include mdc-rtl {\n    @include mdc-floating-label-shake-animation(text-field-outlined-leading-icon-dense-rtl);\n  }\n\n  .mdc-floating-label {\n    @include mdc-rtl-reflexive-position(left, $mdc-text-field-dense-icon-padding - $mdc-notched-outline-leading-width);\n  }\n}\n\n@mixin mdc-text-field-with-trailing-icon_ {\n  @include mdc-text-field-icon-horizontal-position_(\n    right,\n    $mdc-text-field-trailing-icon-position,\n    $mdc-text-field-icon-padding,\n    $mdc-text-field-input-padding\n  );\n\n  // Outlined uses 16px for text alignment when using a trailing icon.\n  &.mdc-text-field--outlined {\n    @include mdc-text-field-icon-horizontal-position_(\n      right,\n      $mdc-text-field-icon-position,\n      $mdc-text-field-icon-padding,\n      $mdc-text-field-input-padding\n    );\n  }\n}\n\n@mixin mdc-text-field-dense-with-trailing-icon_ {\n  @include mdc-text-field-icon-horizontal-position_(\n    right,\n    $mdc-text-field-dense-icon-position,\n    $mdc-text-field-dense-icon-padding,\n    $mdc-text-field-input-padding\n  );\n}\n\n@mixin mdc-text-field-with-both-icons_ {\n  @include mdc-text-field-icon-horizontal-position-two-icons_(\n    $mdc-text-field-icon-position,\n    $mdc-text-field-icon-padding,\n    $mdc-text-field-trailing-icon-position,\n    $mdc-text-field-icon-padding\n  );\n}\n\n@mixin mdc-text-field-dense-with-both-icons_ {\n  @include mdc-text-field-icon-horizontal-position-two-icons_(\n    $mdc-text-field-dense-icon-position,\n    $mdc-text-field-dense-icon-padding,\n    $mdc-text-field-dense-icon-position,\n    $mdc-text-field-dense-icon-padding\n  );\n}\n\n// Full Width\n@mixin mdc-text-field-fullwidth_ {\n  width: 100%;\n\n  &:not(.mdc-text-field--textarea) {\n    @include mdc-states-base-color(transparent);\n    @include mdc-text-field-fill-color(transparent);\n\n    display: block;\n\n    .mdc-text-field__input {\n      padding: 0;\n    }\n  }\n\n  &.mdc-text-field--textarea .mdc-text-field__input {\n    resize: vertical;\n  }\n}\n\n@mixin mdc-text-field-fullwidth-invalid_ {\n  @include mdc-text-field-fullwidth-bottom-line-color($mdc-text-field-error);\n}\n\n// Textarea\n@mixin mdc-text-field-textarea-disabled_ {\n  @include mdc-text-field-outlined-disabled_;\n  /* @alternate */\n  @include mdc-text-field-textarea-fill-color_($mdc-textarea-disabled-background);\n}\n\n@mixin mdc-text-field-textarea-invalid_ {\n  @include mdc-text-field-outline-color($mdc-text-field-error);\n  @include mdc-text-field-hover-outline-color($mdc-text-field-error);\n  @include mdc-text-field-focused-outline-color($mdc-text-field-error);\n}\n\n@mixin mdc-text-field-textarea_ {\n  // Note: The refactor to add the filled textarea style will result in a lot of the specificity issues that the\n  // textarea has being resolved by using the same --outlined variant class as the text field.\n  @include mdc-text-field-outline-color($mdc-text-field-outlined-idle-border);\n  @include mdc-text-field-hover-outline-color($mdc-text-field-outlined-hover-border);\n  @include mdc-text-field-focused-outline-color(primary);\n  @include mdc-floating-label-shake-animation(text-field-outlined);\n  @include mdc-text-field-outline-shape-radius(small);\n  @include mdc-states-base-color(transparent);\n  @include mdc-text-field-fill-color(transparent);\n  @include mdc-notched-outline-floating-label-float-position($mdc-text-field-outlined-label-position-y, 0%);\n  @include mdc-text-field-character-counter-position(16px, 13px);\n\n  $padding-inset: 16px;\n\n  display: inline-flex;\n  width: auto;\n  height: auto;\n  transition: none;\n  overflow: visible;\n\n  .mdc-text-field__input {\n    align-self: auto;\n    box-sizing: border-box;\n    height: auto;\n    margin: $padding-inset/2 1px 1px 0;\n    padding: 0 $padding-inset $padding-inset;\n    border: none;\n  }\n\n  .mdc-text-field-character-counter + .mdc-text-field__input {\n    margin-bottom: 28px; // Leaves space for character counter if it exists.\n    padding-bottom: 0;\n  }\n\n  .mdc-floating-label {\n    top: 17px;\n    bottom: auto;\n    width: auto;\n    pointer-events: none;\n  }\n\n  &.mdc-text-field--focused {\n    @include mdc-text-field-outlined-focused_;\n  }\n}\n\n// Customization\n\n@mixin mdc-text-field-ink-color_($color) {\n  .mdc-text-field__input {\n    @include mdc-theme-prop(color, $color);\n  }\n}\n\n@mixin mdc-text-field-fill-color_($color) {\n  @include mdc-theme-prop(background-color, $color);\n}\n\n@mixin mdc-text-field-textarea-stroke-color_($color) {\n  @include mdc-notched-outline-color($color);\n}\n\n@mixin mdc-text-field-textarea-fill-color_($color) {\n  @include mdc-theme-prop(background-color, $color);\n}\n\n@mixin mdc-text-field-fullwidth-bottom-line-color_($color) {\n  &:not(.mdc-text-field--textarea) {\n    @include mdc-theme-prop(border-bottom-color, $color);\n  }\n}\n\n@mixin mdc-text-field-bottom-line-color_($color) {\n  .mdc-text-field__input {\n    @include mdc-theme-prop(border-bottom-color, $color);\n  }\n}\n\n@mixin mdc-text-field-hover-bottom-line-color_($color) {\n  .mdc-text-field__input:hover {\n    @include mdc-theme-prop(border-bottom-color, $color);\n  }\n}\n\n@mixin mdc-text-field-line-ripple-color_($color) {\n  .mdc-line-ripple {\n    @include mdc-line-ripple-color($color);\n  }\n}\n\n@mixin mdc-text-field-label-ink-color_($color) {\n  .mdc-floating-label {\n    @include mdc-floating-label-ink-color($color);\n  }\n}\n","//\n// Copyright 2018 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// Public mixins\n\n@mixin mdc-text-field-helper-text-color($color) {\n  &:not(.mdc-text-field--disabled) {\n    @include mdc-text-field-helper-text-color_($color);\n  }\n}\n\n@mixin mdc-text-field-helper-text-validation-color($color) {\n  &:not(.mdc-text-field--disabled) {\n    @include mdc-text-field-helper-text-validation-color_($color);\n  }\n}\n\n// Private mixins\n\n@mixin mdc-text-field-helper-text-color_($color) {\n  + .mdc-text-field-helper-line .mdc-text-field-helper-text {\n    @include mdc-theme-prop(color, $color);\n  }\n}\n\n@mixin mdc-text-field-helper-text-validation-color_($color) {\n  &.mdc-text-field--invalid + .mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {\n    @include mdc-theme-prop(color, $color);\n  }\n}\n","//\n// Copyright 2019 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@import \"@material/rtl/mixins\";\n\n// Public mixins\n\n@mixin mdc-text-field-character-counter-color($color) {\n  &:not(.mdc-text-field--disabled) {\n    @include mdc-text-field-character-counter-color_($color);\n  }\n}\n\n@mixin mdc-text-field-character-counter-position($xOffset, $yOffset) {\n  .mdc-text-field-character-counter {\n    @include mdc-rtl-reflexive-position(right, $xOffset);\n\n    position: absolute;\n    bottom: $yOffset;\n  }\n}\n\n// Private mixins\n\n@mixin mdc-text-field-character-counter-color_($color) {\n  // Character counter is placed inside mdc-textfield element (for textarea variant ) or\n  // inside helper line which is sibling to mdc-textfield.\n  .mdc-text-field-character-counter,\n  + .mdc-text-field-helper-line .mdc-text-field-character-counter {\n    @include mdc-theme-prop(color, $color);\n  }\n}\n","//\n// Copyright 2018 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// Public mixins\n\n@mixin mdc-text-field-icon-color($color, $styleSecondIcon: false) {\n  &:not(.mdc-text-field--disabled) {\n    @include mdc-text-field-icon-color_($color, $styleSecondIcon);\n  }\n}\n\n// Private mixins\n\n@mixin mdc-text-field-icon-horizontal-position_($position-property, $position, $padding, $input-padding) {\n  .mdc-text-field__icon {\n    @include mdc-rtl-reflexive-position($position-property, $position);\n  }\n\n  // Move the input's position, to allow room for the icon\n  @if ($position-property == left) {\n    .mdc-text-field__input {\n      @include mdc-rtl-reflexive-property(padding, $padding, $input-padding);\n    }\n  } @else {\n    .mdc-text-field__input {\n      @include mdc-rtl-reflexive-property(padding, $input-padding, $padding);\n    }\n  }\n}\n\n@mixin mdc-text-field-icon-horizontal-position-two-icons_(\n  $position-left,\n  $padding-left,\n  $position-right,\n  $padding-right\n) {\n  .mdc-text-field__icon {\n    @include mdc-rtl-reflexive(left, $position-left, right, auto);\n\n    ~ .mdc-text-field__icon {\n      @include mdc-rtl-reflexive(right, $position-right, left, auto);\n    }\n  }\n\n  // Move the input's position, to allow room for the icons.\n  .mdc-text-field__input {\n    @include mdc-rtl-reflexive-property(padding, $padding-left, $padding-right);\n  }\n}\n\n@mixin mdc-text-field-icon-color_($color, $styleSecondIcon: false) {\n  .mdc-text-field__icon {\n    @if ($styleSecondIcon) {\n      // Select the second instance of this class regardless of element type.\n      ~ .mdc-text-field__icon {\n        @include mdc-theme-prop(color, $color);\n      }\n    } @else {\n      @include mdc-theme-prop(color, $color);\n    }\n  }\n}\n","//\n// Copyright 2018 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@import \"@material/theme/mixins\";\n@import \"@material/shape/mixins\";\n@import \"@material/shape/functions\";\n@import \"@material/rtl/mixins\";\n@import \"./variables\";\n\n@mixin mdc-notched-outline-color($color) {\n  .mdc-notched-outline__leading,\n  .mdc-notched-outline__notch,\n  .mdc-notched-outline__trailing {\n    @include mdc-theme-prop(border-color, $color);\n  }\n}\n\n@mixin mdc-notched-outline-stroke-width($width) {\n  .mdc-notched-outline__leading,\n  .mdc-notched-outline__notch,\n  .mdc-notched-outline__trailing {\n    border-width: $width;\n  }\n}\n\n@mixin mdc-notched-outline-shape-radius($radius, $rtl-reflexive: false) {\n  $radius: mdc-shape-prop-value($radius);\n\n  @if (length($radius) > 1) {\n    // stylelint-disable-next-line max-line-length\n    @warn \"mdc-notched-outline-shape-radius only supports a single radius; see https://github.com/material-components/material-components-web/issues/4140\";\n  }\n\n  $radius: nth($radius, 1);\n\n  .mdc-notched-outline__leading {\n    @include mdc-shape-radius(mdc-shape-mask-radius($radius, 1 0 0 1), $rtl-reflexive: true);\n\n    @if ($radius > $mdc-notched-outline-leading-width) {\n      width: $radius;\n    }\n  }\n\n  @if ($radius > $mdc-notched-outline-leading-width) {\n    .mdc-notched-outline__notch {\n      max-width: calc(100% - #{$radius} * 2);\n    }\n  }\n\n  .mdc-notched-outline__trailing {\n    @include mdc-shape-radius(mdc-shape-mask-radius($radius, 0 1 1 0), $rtl-reflexive: true);\n  }\n}\n\n@mixin mdc-notched-outline-floating-label-float-position($positionY, $positionX: 0%, $scale: .75) {\n  @include mdc-floating-label-float-position($positionY + $mdc-notched-outline-label-adjust, $positionX, 1);\n\n  .mdc-floating-label--float-above {\n    font-size: ($scale * 1rem);\n  }\n\n  // Two selectors to ensure we select the appropriate class when applied from this component or a parent component.\n  &.mdc-notched-outline--upgraded,\n  .mdc-notched-outline--upgraded {\n    @include mdc-floating-label-float-position($positionY, $positionX, $scale);\n\n    // stylelint-disable-next-line no-descending-specificity\n    .mdc-floating-label--float-above {\n      font-size: 1rem;\n    }\n  }\n}\n"],"sourceRoot":""}