{"version":3,"sources":["select/option.scss","core/style/_list-common.scss","core/style/_menu-common.scss","select/option.css","core/style/_vendor-prefixes.scss"],"names":[],"mappings":"AAMA,YCHE,YAAa,OACb,SAAU,OACV,cAAe,SCuBf,QAAS,MACT,YAnBqB,KAoBrB,OApBqB,KAqBrB,QAAS,EApBa,KAsBtB,WAAY,KACZ,gBAAiB,KF1BjB,SAAU,SACV,YAAa,QACb,OAAQ,QACR,QAAS,EALX,sBE+BI,OAAQ,QCTV,sBDaE,WAAY,MFnChB,sBEuCI,aAjCmB,KCoBnB,gCDgBE,YApCiB,KAqCjB,aAAc,EF3CpB,gCIJE,oBAAqB,KACrB,iBAAkB,KAClB,gBAAiB,KACjB,YAAa,KJUX,OAAQ,QATZ,4CAAA,4CAaI,WAAiB,gBAbrB,yBAiBI,MAnBM,QAEV,mDAoBM,WAAiB,gBApBvB,uBAyBI,WAAiB,gBACjB,MA5BM,QAEV,gCA8BI,MAAY,gBA9BhB,gCAkCI,aAAc,KAlClB,uCAqCM,QAAS,GACT,SAAU,SACV,IAAK,IACL,KAAM,KACN,QAAS,MACT,MAAO,KACP,OAAQ,KACR,WAAY,KACZ,OAAQ,IAAA,MACR,cAAe,IACf,WAAY,WACZ,WAAY,MAhDlB,oDAoDM,UAAW,eACX,OAAQ,IACR,aAAc,EAAA,EAAA,IAAA,IAKpB,oDACE,aAAc","file":"option.css","sourcesContent":["@import '../core/style/menu-common';\r\n@import '../core/style/vendor-prefixes';\r\n@import '../core/a11y/a11y';\r\n\r\n$primary: #106cc8 !default;\r\n\r\n.md2-option {\r\n  @include mat-menu-item-base();\r\n  position: relative;\r\n  font-family: inherit;\r\n  cursor: pointer;\r\n  outline: none;\r\n\r\n  &[aria-disabled='true'] {\r\n    @include user-select(none);\r\n    cursor: default;\r\n  }\r\n\r\n  &:hover:not(.md2-option-disabled), &:focus:not(.md2-option-disabled) {\r\n    background: rgba(black, 0.04);\r\n  }\r\n\r\n  &.md2-selected {\r\n    color: $primary;\r\n\r\n    &:not(.md2-option-multiple) {\r\n      background: rgba(black, 0.04);\r\n    }\r\n  }\r\n\r\n  &.md2-active {\r\n    background: rgba(black, 0.04);\r\n    color: $primary;\r\n  }\r\n\r\n  &.md2-option-disabled {\r\n    color: rgba(black, 0.38);\r\n  }\r\n\r\n  &.md2-option-multiple {\r\n    padding-left: 40px;\r\n\r\n    &::after {\r\n      content: '';\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 12px;\r\n      display: block;\r\n      width: 16px;\r\n      height: 16px;\r\n      margin-top: -8px;\r\n      border: 2px solid;\r\n      border-radius: 2px;\r\n      box-sizing: border-box;\r\n      transition: 240ms;\r\n    }\r\n\r\n    &.md2-selected::after {\r\n      transform: rotate(-45deg);\r\n      height: 8px;\r\n      border-width: 0 0 2px 2px;\r\n    }\r\n  }\r\n}\r\n\r\n.md2-optgroup .md2-option:not(.md2-option-multiple) {\r\n  padding-left: 32px;\r\n}\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@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",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"]}