{"version":3,"sources":["select/select.scss","select/select.css","core/style/_vendor-prefixes.scss","core/style/_form-common.scss","core/style/_list-common.scss","core/style/_elevation.scss","core/style/_menu-common.scss","core/a11y/_a11y.scss"],"names":[],"mappings":"AAgBA,YACE,QAAS,aACT,QAAS,EAGX,oBACE,MAAY,gBACZ,QAAS,KACT,YAAa,OACb,OAhB0B,KAiB1B,UAhB6B,MAiB7B,OAAQ,QACR,SAAU,SACV,WAAY,WACZ,UAhB6B,KCY7B,yCCxBA,oBAAqB,KACrB,iBAAkB,KAClB,gBAAiB,KACjB,YAAa,KF6BX,OAAQ,QAGV,gEACE,MA/BM,QAkCR,gFACE,MAlCG,QAsCP,sBACE,SAAU,SACV,OAAQ,EACR,KAAM,EACN,MAAO,EACP,OAAQ,IACR,iBAAuB,gBCRvB,2CEpCA,iBAHM,8EAIN,gBAAiB,IAAA,IACjB,kBAAmB,SH8CjB,iBAAkB,YAClB,oBAAqB,EAAA,OAGvB,kEACE,iBAtDM,QAyDR,kFACE,iBAzDG,QA6DP,wBACE,SAAU,SACV,QAAS,EAAA,IACT,iBAAkB,KAAA,IAClB,UAAW,EAJb,iDAOI,IAAK,MACL,KAAM,KACN,WAAY,KACZ,UAAW,WCdb,kCDkBE,iBAAkB,MAAA,IChBlB,2DDmBE,KAAM,IACN,WAAY,MCjBhB,oDDsBE,QAAS,IAIb,kBACE,SAAU,SACV,UAAW,kBACX,UAAW,EACX,IAAK,EACL,KAAM,EACN,OAAQ,EACR,QAAS,KACT,YAAa,OACb,MAAY,gBCtBZ,4BDyBE,KAAM,KACN,MAAO,EAGT,uCACE,MAAY,gBAIhB,uBIlHE,YAAa,OACb,SAAU,OACV,cAAe,SJkHf,YA9G0B,KAiH5B,kBACE,MAAO,EACP,OAAQ,EACR,YAlHsB,IAkHc,MAAM,YAC1C,aAnHsB,IAmHe,MAAM,YAC3C,WApHsB,IAoHa,MACnC,OAAQ,EApHgB,IAuH1B,kBKOE,WAAY,EAAA,IAAA,IAAA,KAAA,cAA0C,CAC1C,EAAA,IAAA,KAAA,IAAA,eAA6C,CAC7C,EAAA,IAAA,KAAA,IAAA,gBC3HZ,UAV2B,MAW3B,UAV2B,MAY3B,SAAU,KACV,2BAA4B,MNgH5B,YAAa,EACb,eAAgB,EAChB,WA1H4B,MA2H5B,UAAW,KOpHX,6CP+GF,kBAQI,QAAS,MAAA,KAIb,oBAAqB,iCACnB,WAAY,KAGU,4BAAxB,uBACE,eAAgB,KAChB,IAAK,EACL,KAAM,EACN,OAAQ,KACR,MAAO,KAGT,uBACE,SAAU,MACV,QAAS,KAGX,kBACE,SAAU,SACV,eAAgB,KAChB,WAAY,WACZ,QAAS,KAGX,sBACE,SAAU,SACV,IAAK,EACL,OAAQ,EACR,KAAM,EACN,MAAO,EACP,QAAS,KACT,eAAgB,KAChB,WAAY,QAAQ,IAAM,2BAC1B,QAAS,EAGX,kCACE,WAAY,IAGd,mDACE,QAAS","file":"select.css","sourcesContent":["@import '../core/style/menu-common';\r\n@import '../core/style/list-common';\r\n@import '../core/style/form-common';\r\n@import '../core/style/variables';\r\n@import '../core/style/vendor-prefixes';\r\n@import '../core/a11y/a11y';\r\n\r\n$primary: #106cc8 !default;\r\n$warn: #f44336 !default;\r\n$md2-select-trigger-height: 30px !default;\r\n$md2-select-trigger-min-width: 112px !default;\r\n$md2-select-arrow-size: 5px !default;\r\n$md2-select-arrow-margin: 4px !default;\r\n$md2-select-panel-max-height: 256px !default;\r\n$md2-select-trigger-font-size: 16px !default;\r\n\r\n.md2-select {\r\n  display: inline-block;\r\n  outline: none;\r\n}\r\n\r\n.md2-select-trigger {\r\n  color: rgba(black, 0.38);\r\n  display: flex;\r\n  align-items: center;\r\n  height: $md2-select-trigger-height;\r\n  min-width: $md2-select-trigger-min-width;\r\n  cursor: pointer;\r\n  position: relative;\r\n  box-sizing: border-box;\r\n  font-size: $md2-select-trigger-font-size;\r\n\r\n  [aria-disabled='true'] & {\r\n    @include user-select(none);\r\n    cursor: default;\r\n  }\r\n\r\n  .md2-select:focus:not(.md2-select-disabled) & {\r\n    color: $primary;\r\n  }\r\n\r\n  .md2-select.ng-invalid.ng-touched:not(.md2-select-disabled) & {\r\n    color: $warn;\r\n  }\r\n}\r\n\r\n.md2-select-underline {\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 1px;\r\n  background-color: rgba(black, 0.12);\r\n\r\n  [aria-disabled='true'] & {\r\n    @include mat-control-disabled-underline();\r\n    background-color: transparent;\r\n    background-position: 0 bottom;\r\n  }\r\n\r\n  .md2-select:focus:not(.md2-select-disabled) & {\r\n    background-color: $primary;\r\n  }\r\n\r\n  .md2-select.ng-invalid.ng-touched:not(.md2-select-disabled) & {\r\n    background-color: $warn;\r\n  }\r\n}\r\n\r\n.md2-select-placeholder {\r\n  position: relative;\r\n  padding: 0 2px;\r\n  transform-origin: left top;\r\n  flex-grow: 1;\r\n\r\n  &.md2-floating-placeholder {\r\n    top: -22px;\r\n    left: -2px;\r\n    text-align: left;\r\n    transform: scale(0.75);\r\n  }\r\n\r\n  [dir='rtl'] & {\r\n    transform-origin: right top;\r\n\r\n    &.md2-floating-placeholder {\r\n      left: 2px;\r\n      text-align: right;\r\n    }\r\n  }\r\n\r\n  [aria-required=true] &::after {\r\n    content: '*';\r\n  }\r\n}\r\n\r\n.md2-select-value {\r\n  position: absolute;\r\n  max-width: calc(100% - #{($md2-select-arrow-size + $md2-select-arrow-margin) * 2});\r\n  flex-grow: 1;\r\n  top: 0;\r\n  left: 0;\r\n  bottom: 0;\r\n  display: flex;\r\n  align-items: center;\r\n  color: rgba(black, 0.87);\r\n\r\n  [dir='rtl'] & {\r\n    left: auto;\r\n    right: 0;\r\n  }\r\n\r\n  .md2-select-disabled & {\r\n    color: rgba(black, 0.38);\r\n  }\r\n}\r\n\r\n.md2-select-value-text {\r\n  @include mat-truncate-line();\r\n  line-height: $md2-select-trigger-height;\r\n}\r\n\r\n.md2-select-arrow {\r\n  width: 0;\r\n  height: 0;\r\n  border-left: $md2-select-arrow-size solid transparent;\r\n  border-right: $md2-select-arrow-size solid transparent;\r\n  border-top: $md2-select-arrow-size solid;\r\n  margin: 0 $md2-select-arrow-margin;\r\n}\r\n\r\n.md2-select-panel {\r\n  @include mat-menu-base();\r\n  padding-top: 0;\r\n  padding-bottom: 0;\r\n  max-height: $md2-select-panel-max-height;\r\n  min-width: 100%;\r\n\r\n  @include cdk-high-contrast {\r\n    outline: solid 1px;\r\n  }\r\n}\r\n\r\n.md2-select-content, .md2-select-panel-done-animating {\r\n  background: white;\r\n}\r\n\r\n.cdk-overlay-container, .cdk-global-overlay-wrapper {\r\n  pointer-events: none;\r\n  top: 0;\r\n  left: 0;\r\n  height: 100%;\r\n  width: 100%;\r\n}\r\n\r\n.cdk-overlay-container {\r\n  position: fixed;\r\n  z-index: 1000;\r\n}\r\n\r\n.cdk-overlay-pane {\r\n  position: absolute;\r\n  pointer-events: auto;\r\n  box-sizing: border-box;\r\n  z-index: 1000;\r\n}\r\n\r\n.cdk-overlay-backdrop {\r\n  position: absolute;\r\n  top: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  z-index: 1000;\r\n  pointer-events: auto;\r\n  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\r\n  opacity: 0;\r\n}\r\n\r\n.cdk-overlay-transparent-backdrop {\r\n  background: none;\r\n}\r\n\r\n.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {\r\n  opacity: 0.48;\r\n}\r\n",null,"/* stylelint-disable material/no-prefixes */\r\n@mixin user-select($value) {\r\n  -webkit-user-select: none;\r\n  -moz-user-select: none;\r\n  -ms-user-select: none;\r\n  user-select: none;\r\n}\r\n\r\n@mixin input-placeholder {\r\n  &::placeholder {\r\n    @content;\r\n  }\r\n\r\n  &::-moz-placeholder {\r\n    @content;\r\n  }\r\n\r\n  &::-webkit-input-placeholder {\r\n    @content;\r\n  }\r\n\r\n  &:-ms-input-placeholder {\r\n    @content;\r\n  }\r\n}\r\n\r\n@mixin cursor-grab {\r\n  cursor: -webkit-grab;\r\n  cursor: grab;\r\n}\r\n\r\n@mixin cursor-grabbing {\r\n  cursor: -webkit-grabbing;\r\n  cursor: grabbing;\r\n}\r\n/* stylelint-enable */\r\n","\r\n// Gradient for showing the dashed line when the input is disabled.\r\n// Unlike using a border, a gradient allows us to adjust the spacing of the dotted line\r\n// to match the Material Design spec.\r\n$mat-underline-disabled-background-image:\r\n        linear-gradient(to right, rgba(0, 0, 0, 0.26) 0%, rgba(0, 0, 0, 0.26) 33%, transparent 0%);\r\n\r\n@mixin mat-control-disabled-underline {\r\n  background-image: $mat-underline-disabled-background-image;\r\n  background-size: 4px 1px;\r\n  background-repeat: repeat-x;\r\n}","// This mixin will ensure that lines that overflow the container will hide the overflow and\r\n// truncate neatly with an ellipsis.\r\n@mixin mat-truncate-line() {\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n}\r\n\r\n// Mixin to provide all mat-line styles, changing secondary font size based on whether the list\r\n// is in dense mode.\r\n@mixin mat-line-base($secondary-font-size) {\r\n  .mat-line {\r\n    @include mat-truncate-line();\r\n    display: block;\r\n    box-sizing: border-box;\r\n\r\n    // all lines but the top line should have smaller text\r\n    &:nth-child(n+2) {\r\n      font-size: $secondary-font-size;\r\n    }\r\n  }\r\n}\r\n\r\n// This mixin normalizes default element styles, e.g. font weight for heading text.\r\n@mixin mat-normalize-text() {\r\n  & > * {\r\n    margin: 0;\r\n    padding: 0;\r\n    font-weight: normal;\r\n    font-size: inherit;\r\n  }\r\n}\r\n\r\n// This mixin provides base styles for the wrapper around mat-line elements in a list.\r\n@mixin mat-line-wrapper-base() {\r\n  @include mat-normalize-text();\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  overflow: hidden;\r\n\r\n  // Must remove wrapper when lines are empty or it takes up horizontal\r\n  // space and pushes other elements to the right.\r\n  &:empty {\r\n    display: none;\r\n  }\r\n}\r\n","@import 'variables';\r\n\r\n\r\n// A collection of mixins and CSS classes that can be used to apply elevation to a material\r\n// element.\r\n// See: https://www.google.com/design/spec/what-is-material/elevation-shadows.html\r\n// Examples:\r\n//\r\n//\r\n// .mat-foo {\r\n//   @include $mat-elevation(2);\r\n//\r\n//   &:active {\r\n//     @include $mat-elevation(8);\r\n//   }\r\n// }\r\n//\r\n// <div id=\"external-card\" class=\"mat-elevation-z2\"><p>Some content</p></div>\r\n//\r\n// For an explanation of the design behind how elevation is implemented, see the design doc at\r\n// https://goo.gl/Kq0k9Z.\r\n\r\n// Colors for umbra, penumbra, and ambient shadows. As described in the design doc, each elevation\r\n// level is created using a set of 3 shadow values, one for umbra (the shadow representing the\r\n// space completely obscured by an object relative to its light source), one for penumbra (the\r\n// space partially obscured by an object), and one for ambient (the space which contains the object\r\n// itself). For a further explanation of these terms and their meanings, see\r\n// https://en.wikipedia.org/wiki/Umbra,_penumbra_and_antumbra.\r\n\r\n$_umbra-color: rgba(black, 0.2);\r\n$_penumbra-color: rgba(black, 0.14);\r\n$_ambient-color: rgba(black, 0.12);\r\n\r\n// Maps for the different shadow sets and their values within each z-space. These values were\r\n// created by taking a few reference shadow sets created by Google's Designers and interpolating\r\n// all of the values between them.\r\n\r\n$_umbra-elevation-map: (\r\n  0: '0px 0px 0px 0px #{$_umbra-color}',\r\n  1: '0px 2px 1px -1px #{$_umbra-color}',\r\n  2: '0px 3px 1px -2px #{$_umbra-color}',\r\n  3: '0px 3px 3px -2px #{$_umbra-color}',\r\n  4: '0px 2px 4px -1px #{$_umbra-color}',\r\n  5: '0px 3px 5px -1px #{$_umbra-color}',\r\n  6: '0px 3px 5px -1px #{$_umbra-color}',\r\n  7: '0px 4px 5px -2px #{$_umbra-color}',\r\n  8: '0px 5px 5px -3px #{$_umbra-color}',\r\n  9: '0px 5px 6px -3px #{$_umbra-color}',\r\n  10: '0px 6px 6px -3px #{$_umbra-color}',\r\n  11: '0px 6px 7px -4px #{$_umbra-color}',\r\n  12: '0px 7px 8px -4px #{$_umbra-color}',\r\n  13: '0px 7px 8px -4px #{$_umbra-color}',\r\n  14: '0px 7px 9px -4px #{$_umbra-color}',\r\n  15: '0px 8px 9px -5px #{$_umbra-color}',\r\n  16: '0px 8px 10px -5px #{$_umbra-color}',\r\n  17: '0px 8px 11px -5px #{$_umbra-color}',\r\n  18: '0px 9px 11px -5px #{$_umbra-color}',\r\n  19: '0px 9px 12px -6px #{$_umbra-color}',\r\n  20: '0px 10px 13px -6px #{$_umbra-color}',\r\n  21: '0px 10px 13px -6px #{$_umbra-color}',\r\n  22: '0px 10px 14px -6px #{$_umbra-color}',\r\n  23: '0px 11px 14px -7px #{$_umbra-color}',\r\n  24: '0px 11px 15px -7px #{$_umbra-color}'\r\n);\r\n\r\n$_penumbra-elevation-map: (\r\n  0: '0px 0px 0px 0px #{$_penumbra-color}',\r\n  1: '0px 1px 1px 0px #{$_penumbra-color}',\r\n  2: '0px 2px 2px 0px #{$_penumbra-color}',\r\n  3: '0px 3px 4px 0px #{$_penumbra-color}',\r\n  4: '0px 4px 5px 0px #{$_penumbra-color}',\r\n  5: '0px 5px 8px 0px #{$_penumbra-color}',\r\n  6: '0px 6px 10px 0px #{$_penumbra-color}',\r\n  7: '0px 7px 10px 1px #{$_penumbra-color}',\r\n  8: '0px 8px 10px 1px #{$_penumbra-color}',\r\n  9: '0px 9px 12px 1px #{$_penumbra-color}',\r\n  10: '0px 10px 14px 1px #{$_penumbra-color}',\r\n  11: '0px 11px 15px 1px #{$_penumbra-color}',\r\n  12: '0px 12px 17px 2px #{$_penumbra-color}',\r\n  13: '0px 13px 19px 2px #{$_penumbra-color}',\r\n  14: '0px 14px 21px 2px #{$_penumbra-color}',\r\n  15: '0px 15px 22px 2px #{$_penumbra-color}',\r\n  16: '0px 16px 24px 2px #{$_penumbra-color}',\r\n  17: '0px 17px 26px 2px #{$_penumbra-color}',\r\n  18: '0px 18px 28px 2px #{$_penumbra-color}',\r\n  19: '0px 19px 29px 2px #{$_penumbra-color}',\r\n  20: '0px 20px 31px 3px #{$_penumbra-color}',\r\n  21: '0px 21px 33px 3px #{$_penumbra-color}',\r\n  22: '0px 22px 35px 3px #{$_penumbra-color}',\r\n  23: '0px 23px 36px 3px #{$_penumbra-color}',\r\n  24: '0px 24px 38px 3px #{$_penumbra-color}'\r\n);\r\n\r\n$_ambient-elevation-map: (\r\n  0: '0px 0px 0px 0px #{$_ambient-color}',\r\n  1: '0px 1px 3px 0px #{$_ambient-color}',\r\n  2: '0px 1px 5px 0px #{$_ambient-color}',\r\n  3: '0px 1px 8px 0px #{$_ambient-color}',\r\n  4: '0px 1px 10px 0px #{$_ambient-color}',\r\n  5: '0px 1px 14px 0px #{$_ambient-color}',\r\n  6: '0px 1px 18px 0px #{$_ambient-color}',\r\n  7: '0px 2px 16px 1px #{$_ambient-color}',\r\n  8: '0px 3px 14px 2px #{$_ambient-color}',\r\n  9: '0px 3px 16px 2px #{$_ambient-color}',\r\n  10: '0px 4px 18px 3px #{$_ambient-color}',\r\n  11: '0px 4px 20px 3px #{$_ambient-color}',\r\n  12: '0px 5px 22px 4px #{$_ambient-color}',\r\n  13: '0px 5px 24px 4px #{$_ambient-color}',\r\n  14: '0px 5px 26px 4px #{$_ambient-color}',\r\n  15: '0px 6px 28px 5px #{$_ambient-color}',\r\n  16: '0px 6px 30px 5px #{$_ambient-color}',\r\n  17: '0px 6px 32px 5px #{$_ambient-color}',\r\n  18: '0px 7px 34px 6px #{$_ambient-color}',\r\n  19: '0px 7px 36px 6px #{$_ambient-color}',\r\n  20: '0px 8px 38px 7px #{$_ambient-color}',\r\n  21: '0px 8px 40px 7px #{$_ambient-color}',\r\n  22: '0px 8px 42px 7px #{$_ambient-color}',\r\n  23: '0px 9px 44px 8px #{$_ambient-color}',\r\n  24: '0px 9px 46px 8px #{$_ambient-color}'\r\n);\r\n\r\n\r\n// The default duration value for elevation transitions.\r\n$mat-elevation-transition-duration: 280ms !default;\r\n\r\n// The default easing value for elevation transitions.\r\n$mat-elevation-transition-timing-function: $mat-fast-out-slow-in-timing-function;\r\n\r\n// Applies the correct css rules to an element to give it the elevation specified by $zValue.\r\n// The $zValue must be between 0 and 24.\r\n@mixin mat-elevation($zValue) {\r\n  @if type-of($zValue) != number or not unitless($zValue) {\r\n    @error '$zValue must be a unitless number';\r\n  }\r\n  @if $zValue < 0 or $zValue > 24 {\r\n    @error '$zValue must be between 0 and 24';\r\n  }\r\n\r\n  box-shadow: #{map-get($_umbra-elevation-map, $zValue)},\r\n              #{map-get($_penumbra-elevation-map, $zValue)},\r\n              #{map-get($_ambient-elevation-map, $zValue)};\r\n}\r\n\r\n// Returns a string that can be used as the value for a transition property for elevation.\r\n// Calling this function directly is useful in situations where a component needs to transition\r\n// more than one property.\r\n//\r\n// .foo {\r\n//   transition: mat-elevation-transition-property-value(), opacity 100ms ease;\r\n// }\r\n@function mat-elevation-transition-property-value(\r\n    $duration: $mat-elevation-transition-duration,\r\n    $easing: $mat-elevation-transition-timing-function) {\r\n  @return box-shadow #{$duration} #{$easing};\r\n}\r\n\r\n// Applies the correct css rules needed to have an element transition between elevations.\r\n// This mixin should be applied to elements whose elevation values will change depending on their\r\n// context (e.g. when active or disabled).\r\n//\r\n// NOTE(traviskaufman): Both this mixin and the above function use default parameters so they can\r\n// be used in the same way by clients.\r\n@mixin mat-elevation-transition(\r\n    $duration: $mat-elevation-transition-duration,\r\n    $easing: $mat-elevation-transition-timing-function) {\r\n  transition: mat-elevation-transition-property-value($duration, $easing);\r\n}\r\n","@import './variables';\r\n@import './elevation';\r\n@import './list-common';\r\n\r\n/** The mixins below are shared between md-menu and md-select */\r\n\r\n// menu width must be a multiple of 56px\r\n$mat-menu-overlay-min-width: 112px !default;   // 56 * 2\r\n$mat-menu-overlay-max-width: 280px !default;   // 56 * 5\r\n\r\n$mat-menu-item-height: 48px !default;\r\n$mat-menu-side-padding: 16px !default;\r\n$mat-menu-icon-margin: 16px !default;\r\n\r\n\r\n@mixin mat-menu-base() {\r\n  @include mat-elevation(8);\r\n  min-width: $mat-menu-overlay-min-width;\r\n  max-width: $mat-menu-overlay-max-width;\r\n\r\n  overflow: auto;\r\n  -webkit-overflow-scrolling: touch;   // for momentum scroll on mobile\r\n}\r\n\r\n@mixin mat-menu-item-base() {\r\n  @include mat-truncate-line();\r\n\r\n  // Needs to be a block for the ellipsis to work.\r\n  display: block;\r\n  line-height: $mat-menu-item-height;\r\n  height: $mat-menu-item-height;\r\n  padding: 0 $mat-menu-side-padding;\r\n\r\n  text-align: left;\r\n  text-decoration: none;   // necessary to reset anchor tags\r\n\r\n  &[disabled] {\r\n    cursor: default;\r\n  }\r\n\r\n  [dir='rtl'] & {\r\n    text-align: right;\r\n  }\r\n\r\n  .mat-icon {\r\n    margin-right: $mat-menu-icon-margin;\r\n\r\n    [dir='rtl'] & {\r\n      margin-left: $mat-menu-icon-margin;\r\n      margin-right: 0;\r\n    }\r\n  }\r\n}\r\n\r\n/**\r\n * This mixin adds the correct panel transform styles based\r\n * on the direction that the menu panel opens.\r\n */\r\n@mixin mat-menu-positions() {\r\n  &.mat-menu-after.mat-menu-below {\r\n    transform-origin: left top;\r\n  }\r\n\r\n  &.mat-menu-after.mat-menu-above {\r\n    transform-origin: left bottom;\r\n  }\r\n\r\n  &.mat-menu-before.mat-menu-below {\r\n    transform-origin: right top;\r\n  }\r\n\r\n  &.mat-menu-before.mat-menu-above {\r\n    transform-origin: right bottom;\r\n  }\r\n\r\n  [dir='rtl'] & {\r\n    &.mat-menu-after.mat-menu-below {\r\n      transform-origin: right top;\r\n    }\r\n\r\n    &.mat-menu-after.mat-menu-above {\r\n      transform-origin: right bottom;\r\n    }\r\n\r\n    &.mat-menu-before.mat-menu-below {\r\n      transform-origin: left top;\r\n    }\r\n\r\n    &.mat-menu-before.mat-menu-above {\r\n      transform-origin: left bottom;\r\n    }\r\n  }\r\n}\r\n","@mixin cdk-a11y {\r\n  .cdk-visually-hidden {\r\n    border: 0;\r\n    clip: rect(0 0 0 0);\r\n    height: 1px;\r\n    margin: -1px;\r\n    overflow: hidden;\r\n    padding: 0;\r\n    position: absolute;\r\n    text-transform: none;\r\n    width: 1px;\r\n  }\r\n}\r\n\r\n/**\r\n * Applies styles for users in high contrast mode. Note that this only applies\r\n * to Microsoft browsers. Chrome can be included by checking for the `html[hc]`\r\n * attribute, however Chrome handles high contrast differently.\r\n */\r\n@mixin cdk-high-contrast {\r\n  @media screen and (-ms-high-contrast: active) {\r\n    @content;\r\n  }\r\n}\r\n"]}