mdc.select.css 64 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966
  1. /**
  2. * @license
  3. * Copyright Google LLC All Rights Reserved.
  4. *
  5. * Use of this source code is governed by an MIT-style license that can be
  6. * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE
  7. */
  8. @charset "UTF-8";
  9. .mdc-floating-label {
  10. position: absolute;
  11. /* @noflip */
  12. /*rtl:ignore*/
  13. left: 0;
  14. /* @noflip */
  15. /*rtl:ignore*/
  16. -webkit-transform-origin: left top;
  17. /* @noflip */
  18. /*rtl:ignore*/
  19. transform-origin: left top;
  20. line-height: 1.15rem;
  21. text-align: left;
  22. text-overflow: ellipsis;
  23. white-space: nowrap;
  24. cursor: text;
  25. overflow: hidden;
  26. /* @alternate */
  27. will-change: transform;
  28. }
  29. [dir=rtl] .mdc-floating-label, .mdc-floating-label[dir=rtl] {
  30. /*rtl:begin:ignore*/
  31. /* @noflip */
  32. /*rtl:ignore*/
  33. right: 0;
  34. /* @noflip */
  35. /*rtl:ignore*/
  36. left: auto;
  37. /* @noflip */
  38. /*rtl:ignore*/
  39. -webkit-transform-origin: right top;
  40. /* @noflip */
  41. /*rtl:ignore*/
  42. transform-origin: right top;
  43. /* @noflip */
  44. /*rtl:ignore*/
  45. text-align: right;
  46. /*rtl:end:ignore*/
  47. }
  48. .mdc-floating-label--float-above {
  49. cursor: auto;
  50. }
  51. .mdc-floating-label--required:not(.mdc-floating-label--hide-required-marker)::after {
  52. /* @noflip */
  53. /*rtl:ignore*/
  54. margin-left: 1px;
  55. /* @noflip */
  56. /*rtl:ignore*/
  57. margin-right: 0px;
  58. content: "*";
  59. }
  60. [dir=rtl] .mdc-floating-label--required:not(.mdc-floating-label--hide-required-marker), .mdc-floating-label--required:not(.mdc-floating-label--hide-required-marker)[dir=rtl] {
  61. /*rtl:begin:ignore*/
  62. /*rtl:end:ignore*/
  63. }
  64. [dir=rtl] .mdc-floating-label--required:not(.mdc-floating-label--hide-required-marker)::after, .mdc-floating-label--required:not(.mdc-floating-label--hide-required-marker)[dir=rtl]::after {
  65. /* @noflip */
  66. /*rtl:ignore*/
  67. margin-left: 0;
  68. /* @noflip */
  69. /*rtl:ignore*/
  70. margin-right: 1px;
  71. }
  72. .mdc-floating-label {
  73. -moz-osx-font-smoothing: grayscale;
  74. -webkit-font-smoothing: antialiased;
  75. font-family: Roboto, sans-serif;
  76. /* @alternate */
  77. font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  78. font-size: 1rem;
  79. /* @alternate */
  80. font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
  81. font-weight: 400;
  82. /* @alternate */
  83. font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
  84. letter-spacing: 0.009375em;
  85. /* @alternate */
  86. letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
  87. text-decoration: inherit;
  88. /* @alternate */
  89. -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  90. text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  91. text-transform: inherit;
  92. /* @alternate */
  93. text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
  94. transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
  95. transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);
  96. transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
  97. }
  98. .mdc-floating-label--float-above {
  99. -webkit-transform: translateY(-106%) scale(0.75);
  100. transform: translateY(-106%) scale(0.75);
  101. }
  102. .mdc-floating-label--shake {
  103. -webkit-animation: mdc-floating-label-shake-float-above-standard 250ms 1;
  104. animation: mdc-floating-label-shake-float-above-standard 250ms 1;
  105. }
  106. @-webkit-keyframes mdc-floating-label-shake-float-above-standard {
  107. 0% {
  108. /* @noflip */
  109. /*rtl:ignore*/
  110. -webkit-transform: translateX(calc(0% - 0%)) translateY(calc(0% - 106%)) scale(0.75);
  111. transform: translateX(calc(0% - 0%)) translateY(calc(0% - 106%)) scale(0.75);
  112. }
  113. 33% {
  114. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  115. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  116. /* @noflip */
  117. /*rtl:ignore*/
  118. -webkit-transform: translateX(calc(4% - 0%)) translateY(calc(0% - 106%)) scale(0.75);
  119. transform: translateX(calc(4% - 0%)) translateY(calc(0% - 106%)) scale(0.75);
  120. }
  121. 66% {
  122. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  123. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  124. /* @noflip */
  125. /*rtl:ignore*/
  126. -webkit-transform: translateX(calc(-4% - 0%)) translateY(calc(0% - 106%)) scale(0.75);
  127. transform: translateX(calc(-4% - 0%)) translateY(calc(0% - 106%)) scale(0.75);
  128. }
  129. 100% {
  130. /* @noflip */
  131. /*rtl:ignore*/
  132. -webkit-transform: translateX(calc(0% - 0%)) translateY(calc(0% - 106%)) scale(0.75);
  133. transform: translateX(calc(0% - 0%)) translateY(calc(0% - 106%)) scale(0.75);
  134. }
  135. }
  136. @keyframes mdc-floating-label-shake-float-above-standard {
  137. 0% {
  138. /* @noflip */
  139. /*rtl:ignore*/
  140. -webkit-transform: translateX(calc(0% - 0%)) translateY(calc(0% - 106%)) scale(0.75);
  141. transform: translateX(calc(0% - 0%)) translateY(calc(0% - 106%)) scale(0.75);
  142. }
  143. 33% {
  144. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  145. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  146. /* @noflip */
  147. /*rtl:ignore*/
  148. -webkit-transform: translateX(calc(4% - 0%)) translateY(calc(0% - 106%)) scale(0.75);
  149. transform: translateX(calc(4% - 0%)) translateY(calc(0% - 106%)) scale(0.75);
  150. }
  151. 66% {
  152. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  153. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  154. /* @noflip */
  155. /*rtl:ignore*/
  156. -webkit-transform: translateX(calc(-4% - 0%)) translateY(calc(0% - 106%)) scale(0.75);
  157. transform: translateX(calc(-4% - 0%)) translateY(calc(0% - 106%)) scale(0.75);
  158. }
  159. 100% {
  160. /* @noflip */
  161. /*rtl:ignore*/
  162. -webkit-transform: translateX(calc(0% - 0%)) translateY(calc(0% - 106%)) scale(0.75);
  163. transform: translateX(calc(0% - 0%)) translateY(calc(0% - 106%)) scale(0.75);
  164. }
  165. }
  166. @-webkit-keyframes mdc-ripple-fg-radius-in {
  167. from {
  168. -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  169. animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  170. /* @noflip */
  171. /*rtl:ignore*/
  172. -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
  173. transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
  174. }
  175. to {
  176. /* @noflip */
  177. /*rtl:ignore*/
  178. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  179. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  180. }
  181. }
  182. @keyframes mdc-ripple-fg-radius-in {
  183. from {
  184. -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  185. animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  186. /* @noflip */
  187. /*rtl:ignore*/
  188. -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
  189. transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
  190. }
  191. to {
  192. /* @noflip */
  193. /*rtl:ignore*/
  194. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  195. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  196. }
  197. }
  198. @-webkit-keyframes mdc-ripple-fg-opacity-in {
  199. from {
  200. -webkit-animation-timing-function: linear;
  201. animation-timing-function: linear;
  202. opacity: 0;
  203. }
  204. to {
  205. opacity: var(--mdc-ripple-fg-opacity, 0);
  206. }
  207. }
  208. @keyframes mdc-ripple-fg-opacity-in {
  209. from {
  210. -webkit-animation-timing-function: linear;
  211. animation-timing-function: linear;
  212. opacity: 0;
  213. }
  214. to {
  215. opacity: var(--mdc-ripple-fg-opacity, 0);
  216. }
  217. }
  218. @-webkit-keyframes mdc-ripple-fg-opacity-out {
  219. from {
  220. -webkit-animation-timing-function: linear;
  221. animation-timing-function: linear;
  222. opacity: var(--mdc-ripple-fg-opacity, 0);
  223. }
  224. to {
  225. opacity: 0;
  226. }
  227. }
  228. @keyframes mdc-ripple-fg-opacity-out {
  229. from {
  230. -webkit-animation-timing-function: linear;
  231. animation-timing-function: linear;
  232. opacity: var(--mdc-ripple-fg-opacity, 0);
  233. }
  234. to {
  235. opacity: 0;
  236. }
  237. }
  238. .mdc-line-ripple::before, .mdc-line-ripple::after {
  239. position: absolute;
  240. bottom: 0;
  241. left: 0;
  242. width: 100%;
  243. border-bottom-style: solid;
  244. content: "";
  245. }
  246. .mdc-line-ripple::before {
  247. z-index: 1;
  248. }
  249. .mdc-line-ripple::after {
  250. -webkit-transform: scaleX(0);
  251. transform: scaleX(0);
  252. opacity: 0;
  253. z-index: 2;
  254. }
  255. .mdc-line-ripple--active::after {
  256. -webkit-transform: scaleX(1);
  257. transform: scaleX(1);
  258. opacity: 1;
  259. }
  260. .mdc-line-ripple--deactivating::after {
  261. opacity: 0;
  262. }
  263. .mdc-line-ripple::before {
  264. border-bottom-width: 1px;
  265. }
  266. .mdc-line-ripple::after {
  267. border-bottom-width: 2px;
  268. }
  269. .mdc-line-ripple::after {
  270. transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);
  271. transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
  272. transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);
  273. }
  274. .mdc-notched-outline {
  275. display: flex;
  276. position: absolute;
  277. top: 0;
  278. right: 0;
  279. left: 0;
  280. box-sizing: border-box;
  281. width: 100%;
  282. max-width: 100%;
  283. height: 100%;
  284. /* @noflip */
  285. /*rtl:ignore*/
  286. text-align: left;
  287. pointer-events: none;
  288. }
  289. [dir=rtl] .mdc-notched-outline, .mdc-notched-outline[dir=rtl] {
  290. /*rtl:begin:ignore*/
  291. /* @noflip */
  292. /*rtl:ignore*/
  293. text-align: right;
  294. /*rtl:end:ignore*/
  295. }
  296. .mdc-notched-outline__leading, .mdc-notched-outline__notch, .mdc-notched-outline__trailing {
  297. box-sizing: border-box;
  298. height: 100%;
  299. pointer-events: none;
  300. }
  301. .mdc-notched-outline__trailing {
  302. flex-grow: 1;
  303. }
  304. .mdc-notched-outline__notch {
  305. flex: 0 0 auto;
  306. width: auto;
  307. }
  308. .mdc-notched-outline .mdc-floating-label {
  309. display: inline-block;
  310. position: relative;
  311. max-width: 100%;
  312. }
  313. .mdc-notched-outline .mdc-floating-label--float-above {
  314. text-overflow: clip;
  315. }
  316. .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  317. max-width: 133.3333333333%;
  318. }
  319. .mdc-notched-outline--notched .mdc-notched-outline__notch {
  320. /* @noflip */
  321. /*rtl:ignore*/
  322. padding-left: 0;
  323. /* @noflip */
  324. /*rtl:ignore*/
  325. padding-right: 8px;
  326. border-top: none;
  327. }
  328. [dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch, .mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl] {
  329. /*rtl:begin:ignore*/
  330. /* @noflip */
  331. /*rtl:ignore*/
  332. padding-left: 8px;
  333. /* @noflip */
  334. /*rtl:ignore*/
  335. padding-right: 0;
  336. /*rtl:end:ignore*/
  337. }
  338. .mdc-notched-outline--no-label .mdc-notched-outline__notch {
  339. display: none;
  340. }
  341. .mdc-notched-outline__leading, .mdc-notched-outline__notch, .mdc-notched-outline__trailing {
  342. border-top: 1px solid;
  343. border-bottom: 1px solid;
  344. }
  345. .mdc-notched-outline__leading {
  346. /* @noflip */
  347. /*rtl:ignore*/
  348. border-left: 1px solid;
  349. /* @noflip */
  350. /*rtl:ignore*/
  351. border-right: none;
  352. width: 12px;
  353. }
  354. [dir=rtl] .mdc-notched-outline__leading, .mdc-notched-outline__leading[dir=rtl] {
  355. /*rtl:begin:ignore*/
  356. /* @noflip */
  357. /*rtl:ignore*/
  358. border-left: none;
  359. /* @noflip */
  360. /*rtl:ignore*/
  361. border-right: 1px solid;
  362. /*rtl:end:ignore*/
  363. }
  364. .mdc-notched-outline__trailing {
  365. /* @noflip */
  366. /*rtl:ignore*/
  367. border-left: none;
  368. /* @noflip */
  369. /*rtl:ignore*/
  370. border-right: 1px solid;
  371. }
  372. [dir=rtl] .mdc-notched-outline__trailing, .mdc-notched-outline__trailing[dir=rtl] {
  373. /*rtl:begin:ignore*/
  374. /* @noflip */
  375. /*rtl:ignore*/
  376. border-left: 1px solid;
  377. /* @noflip */
  378. /*rtl:ignore*/
  379. border-right: none;
  380. /*rtl:end:ignore*/
  381. }
  382. .mdc-notched-outline__notch {
  383. max-width: calc(100% - 12px * 2);
  384. }
  385. .mdc-select {
  386. display: inline-flex;
  387. position: relative;
  388. }
  389. .mdc-select .mdc-floating-label {
  390. top: 50%;
  391. -webkit-transform: translateY(-50%);
  392. transform: translateY(-50%);
  393. pointer-events: none;
  394. }
  395. .mdc-select .mdc-select__menu .mdc-deprecated-list-item {
  396. /* @noflip */
  397. /*rtl:ignore*/
  398. padding-left: 16px;
  399. /* @noflip */
  400. /*rtl:ignore*/
  401. padding-right: 16px;
  402. }
  403. [dir=rtl] .mdc-select .mdc-select__menu .mdc-deprecated-list-item, .mdc-select .mdc-select__menu .mdc-deprecated-list-item[dir=rtl] {
  404. /*rtl:begin:ignore*/
  405. /* @noflip */
  406. /*rtl:ignore*/
  407. padding-left: 16px;
  408. /* @noflip */
  409. /*rtl:ignore*/
  410. padding-right: 16px;
  411. /*rtl:end:ignore*/
  412. }
  413. .mdc-select .mdc-select__menu .mdc-deprecated-list-item__graphic {
  414. /* @noflip */
  415. /*rtl:ignore*/
  416. margin-left: 0;
  417. /* @noflip */
  418. /*rtl:ignore*/
  419. margin-right: 12px;
  420. }
  421. [dir=rtl] .mdc-select .mdc-select__menu .mdc-deprecated-list-item__graphic, .mdc-select .mdc-select__menu .mdc-deprecated-list-item__graphic[dir=rtl] {
  422. /*rtl:begin:ignore*/
  423. /* @noflip */
  424. /*rtl:ignore*/
  425. margin-left: 12px;
  426. /* @noflip */
  427. /*rtl:ignore*/
  428. margin-right: 0;
  429. /*rtl:end:ignore*/
  430. }
  431. .mdc-select[hidden] {
  432. display: none;
  433. }
  434. .mdc-select__dropdown-icon {
  435. display: inline-flex;
  436. position: relative;
  437. align-self: center;
  438. align-items: center;
  439. justify-content: center;
  440. flex-shrink: 0;
  441. pointer-events: none;
  442. }
  443. .mdc-select__dropdown-icon .mdc-select__dropdown-icon-active,
  444. .mdc-select__dropdown-icon .mdc-select__dropdown-icon-inactive {
  445. position: absolute;
  446. top: 0;
  447. left: 0;
  448. }
  449. .mdc-select__dropdown-icon .mdc-select__dropdown-icon-graphic {
  450. width: 41.6666666667%;
  451. height: 20.8333333333%;
  452. }
  453. .mdc-select__dropdown-icon .mdc-select__dropdown-icon-inactive {
  454. opacity: 1;
  455. transition: opacity 75ms linear 75ms;
  456. }
  457. .mdc-select__dropdown-icon .mdc-select__dropdown-icon-active {
  458. opacity: 0;
  459. transition: opacity 75ms linear;
  460. }
  461. .mdc-select--activated .mdc-select__dropdown-icon .mdc-select__dropdown-icon-inactive {
  462. opacity: 0;
  463. transition: opacity 49.5ms linear;
  464. }
  465. .mdc-select--activated .mdc-select__dropdown-icon .mdc-select__dropdown-icon-active {
  466. opacity: 1;
  467. transition: opacity 100.5ms linear 49.5ms;
  468. }
  469. .mdc-select__anchor {
  470. min-width: 0;
  471. flex: 1 1 auto;
  472. position: relative;
  473. box-sizing: border-box;
  474. overflow: hidden;
  475. outline: none;
  476. cursor: pointer;
  477. }
  478. .mdc-select__selected-text-container {
  479. display: flex;
  480. -webkit-appearance: none;
  481. -moz-appearance: none;
  482. appearance: none;
  483. pointer-events: none;
  484. box-sizing: border-box;
  485. width: auto;
  486. min-width: 0;
  487. flex-grow: 1;
  488. border: none;
  489. outline: none;
  490. padding: 0;
  491. background-color: transparent;
  492. color: inherit;
  493. }
  494. .mdc-select__selected-text {
  495. -moz-osx-font-smoothing: grayscale;
  496. -webkit-font-smoothing: antialiased;
  497. font-family: Roboto, sans-serif;
  498. /* @alternate */
  499. font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  500. font-size: 1rem;
  501. /* @alternate */
  502. font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
  503. line-height: 1.75rem;
  504. /* @alternate */
  505. line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);
  506. font-weight: 400;
  507. /* @alternate */
  508. font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
  509. letter-spacing: 0.009375em;
  510. /* @alternate */
  511. letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
  512. text-decoration: inherit;
  513. /* @alternate */
  514. -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  515. text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  516. text-transform: inherit;
  517. /* @alternate */
  518. text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
  519. text-overflow: ellipsis;
  520. white-space: nowrap;
  521. overflow: hidden;
  522. display: block;
  523. width: 100%;
  524. /* @noflip */
  525. /*rtl:ignore*/
  526. text-align: left;
  527. }
  528. [dir=rtl] .mdc-select__selected-text, .mdc-select__selected-text[dir=rtl] {
  529. /*rtl:begin:ignore*/
  530. /* @noflip */
  531. /*rtl:ignore*/
  532. text-align: right;
  533. /*rtl:end:ignore*/
  534. }
  535. .mdc-select--disabled {
  536. cursor: default;
  537. pointer-events: none;
  538. }
  539. .mdc-select--with-leading-icon .mdc-select__menu .mdc-deprecated-list-item {
  540. /* @noflip */
  541. /*rtl:ignore*/
  542. padding-left: 12px;
  543. /* @noflip */
  544. /*rtl:ignore*/
  545. padding-right: 12px;
  546. }
  547. [dir=rtl] .mdc-select--with-leading-icon .mdc-select__menu .mdc-deprecated-list-item, .mdc-select--with-leading-icon .mdc-select__menu .mdc-deprecated-list-item[dir=rtl] {
  548. /*rtl:begin:ignore*/
  549. /* @noflip */
  550. /*rtl:ignore*/
  551. padding-left: 12px;
  552. /* @noflip */
  553. /*rtl:ignore*/
  554. padding-right: 12px;
  555. /*rtl:end:ignore*/
  556. }
  557. @media screen and (forced-colors: active), (-ms-high-contrast: active) {
  558. .mdc-select__menu::before {
  559. position: absolute;
  560. box-sizing: border-box;
  561. width: 100%;
  562. height: 100%;
  563. top: 0;
  564. /* @noflip */
  565. /*rtl:ignore*/
  566. left: 0;
  567. border: 1px solid transparent;
  568. border-radius: inherit;
  569. content: "";
  570. pointer-events: none;
  571. }
  572. }
  573. @media screen and (forced-colors: active) and (forced-colors: active), screen and (-ms-high-contrast: active) and (forced-colors: active) {
  574. .mdc-select__menu::before {
  575. border-color: CanvasText;
  576. }
  577. }
  578. .mdc-select__menu .mdc-deprecated-list .mdc-select__icon,
  579. .mdc-select__menu .mdc-list .mdc-select__icon {
  580. /* @noflip */
  581. /*rtl:ignore*/
  582. margin-left: 0;
  583. /* @noflip */
  584. /*rtl:ignore*/
  585. margin-right: 0;
  586. }
  587. [dir=rtl] .mdc-select__menu .mdc-deprecated-list .mdc-select__icon, [dir=rtl] .mdc-select__menu .mdc-list .mdc-select__icon, .mdc-select__menu .mdc-deprecated-list .mdc-select__icon[dir=rtl], .mdc-select__menu .mdc-list .mdc-select__icon[dir=rtl] {
  588. /*rtl:begin:ignore*/
  589. /* @noflip */
  590. /*rtl:ignore*/
  591. margin-left: 0;
  592. /* @noflip */
  593. /*rtl:ignore*/
  594. margin-right: 0;
  595. /*rtl:end:ignore*/
  596. }
  597. .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected,
  598. .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--activated,
  599. .mdc-select__menu .mdc-list .mdc-deprecated-list-item--selected,
  600. .mdc-select__menu .mdc-list .mdc-deprecated-list-item--activated {
  601. color: #000;
  602. /* @alternate */
  603. color: var(--mdc-theme-on-surface, #000);
  604. }
  605. .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected .mdc-deprecated-list-item__graphic,
  606. .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic,
  607. .mdc-select__menu .mdc-list .mdc-deprecated-list-item--selected .mdc-deprecated-list-item__graphic,
  608. .mdc-select__menu .mdc-list .mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic {
  609. color: #000;
  610. /* @alternate */
  611. color: var(--mdc-theme-on-surface, #000);
  612. }
  613. .mdc-select__menu .mdc-list-item__start {
  614. display: inline-flex;
  615. align-items: center;
  616. }
  617. .mdc-select__option {
  618. /* @noflip */
  619. /*rtl:ignore*/
  620. padding-left: 16px;
  621. /* @noflip */
  622. /*rtl:ignore*/
  623. padding-right: 16px;
  624. }
  625. [dir=rtl] .mdc-select__option, .mdc-select__option[dir=rtl] {
  626. /*rtl:begin:ignore*/
  627. /* @noflip */
  628. /*rtl:ignore*/
  629. padding-left: 16px;
  630. /* @noflip */
  631. /*rtl:ignore*/
  632. padding-right: 16px;
  633. /*rtl:end:ignore*/
  634. }
  635. .mdc-select__one-line-option.mdc-list-item--with-one-line {
  636. height: 48px;
  637. }
  638. .mdc-select__two-line-option.mdc-list-item--with-two-lines {
  639. height: 64px;
  640. }
  641. .mdc-select__two-line-option.mdc-list-item--with-two-lines .mdc-list-item__start {
  642. margin-top: 20px;
  643. }
  644. .mdc-select__two-line-option.mdc-list-item--with-two-lines .mdc-list-item__primary-text {
  645. display: block;
  646. margin-top: 0;
  647. /* @alternate */
  648. line-height: normal;
  649. margin-bottom: -20px;
  650. }
  651. .mdc-select__two-line-option.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before {
  652. display: inline-block;
  653. width: 0;
  654. height: 28px;
  655. content: "";
  656. vertical-align: 0;
  657. }
  658. .mdc-select__two-line-option.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after {
  659. display: inline-block;
  660. width: 0;
  661. height: 20px;
  662. content: "";
  663. vertical-align: -20px;
  664. }
  665. .mdc-select__two-line-option.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
  666. display: block;
  667. margin-top: 0;
  668. /* @alternate */
  669. line-height: normal;
  670. }
  671. .mdc-select__two-line-option.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before {
  672. display: inline-block;
  673. width: 0;
  674. height: 36px;
  675. content: "";
  676. vertical-align: 0;
  677. }
  678. .mdc-select__option-with-leading-content {
  679. /* @noflip */
  680. /*rtl:ignore*/
  681. padding-left: 0;
  682. /* @noflip */
  683. /*rtl:ignore*/
  684. padding-right: 12px;
  685. }
  686. .mdc-select__option-with-leading-content.mdc-list-item {
  687. /* @noflip */
  688. /*rtl:ignore*/
  689. padding-left: 0;
  690. /* @noflip */
  691. /*rtl:ignore*/
  692. padding-right: auto;
  693. }
  694. [dir=rtl] .mdc-select__option-with-leading-content.mdc-list-item, .mdc-select__option-with-leading-content.mdc-list-item[dir=rtl] {
  695. /*rtl:begin:ignore*/
  696. /* @noflip */
  697. /*rtl:ignore*/
  698. padding-left: auto;
  699. /* @noflip */
  700. /*rtl:ignore*/
  701. padding-right: 0;
  702. /*rtl:end:ignore*/
  703. }
  704. .mdc-select__option-with-leading-content .mdc-list-item__start {
  705. /* @noflip */
  706. /*rtl:ignore*/
  707. margin-left: 12px;
  708. /* @noflip */
  709. /*rtl:ignore*/
  710. margin-right: 0;
  711. }
  712. [dir=rtl] .mdc-select__option-with-leading-content .mdc-list-item__start, .mdc-select__option-with-leading-content .mdc-list-item__start[dir=rtl] {
  713. /*rtl:begin:ignore*/
  714. /* @noflip */
  715. /*rtl:ignore*/
  716. margin-left: 0;
  717. /* @noflip */
  718. /*rtl:ignore*/
  719. margin-right: 12px;
  720. /*rtl:end:ignore*/
  721. }
  722. .mdc-select__option-with-leading-content .mdc-list-item__start {
  723. width: 36px;
  724. height: 24px;
  725. }
  726. [dir=rtl] .mdc-select__option-with-leading-content, .mdc-select__option-with-leading-content[dir=rtl] {
  727. /*rtl:begin:ignore*/
  728. /* @noflip */
  729. /*rtl:ignore*/
  730. padding-left: 12px;
  731. /* @noflip */
  732. /*rtl:ignore*/
  733. padding-right: 0;
  734. /*rtl:end:ignore*/
  735. }
  736. .mdc-select__option-with-meta.mdc-list-item {
  737. /* @noflip */
  738. /*rtl:ignore*/
  739. padding-left: auto;
  740. /* @noflip */
  741. /*rtl:ignore*/
  742. padding-right: 0;
  743. }
  744. [dir=rtl] .mdc-select__option-with-meta.mdc-list-item, .mdc-select__option-with-meta.mdc-list-item[dir=rtl] {
  745. /*rtl:begin:ignore*/
  746. /* @noflip */
  747. /*rtl:ignore*/
  748. padding-left: 0;
  749. /* @noflip */
  750. /*rtl:ignore*/
  751. padding-right: auto;
  752. /*rtl:end:ignore*/
  753. }
  754. .mdc-select__option-with-meta .mdc-list-item__end {
  755. /* @noflip */
  756. /*rtl:ignore*/
  757. margin-left: 12px;
  758. /* @noflip */
  759. /*rtl:ignore*/
  760. margin-right: 12px;
  761. }
  762. [dir=rtl] .mdc-select__option-with-meta .mdc-list-item__end, .mdc-select__option-with-meta .mdc-list-item__end[dir=rtl] {
  763. /*rtl:begin:ignore*/
  764. /* @noflip */
  765. /*rtl:ignore*/
  766. margin-left: 12px;
  767. /* @noflip */
  768. /*rtl:ignore*/
  769. margin-right: 12px;
  770. /*rtl:end:ignore*/
  771. }
  772. .mdc-select--filled .mdc-menu-surface--is-open-below {
  773. border-top-left-radius: 0px;
  774. border-top-right-radius: 0px;
  775. }
  776. .mdc-select--filled.mdc-select--focused.mdc-line-ripple::after {
  777. -webkit-transform: scale(1, 2);
  778. transform: scale(1, 2);
  779. opacity: 1;
  780. }
  781. .mdc-select--filled .mdc-select__anchor {
  782. height: 56px;
  783. display: flex;
  784. align-items: baseline;
  785. }
  786. .mdc-select--filled .mdc-select__anchor::before {
  787. display: inline-block;
  788. width: 0;
  789. height: 40px;
  790. content: "";
  791. vertical-align: 0;
  792. }
  793. .mdc-select--filled.mdc-select--no-label .mdc-select__anchor .mdc-select__selected-text::before {
  794. content: "​";
  795. }
  796. .mdc-select--filled.mdc-select--no-label .mdc-select__anchor .mdc-select__selected-text-container {
  797. height: 100%;
  798. display: inline-flex;
  799. align-items: center;
  800. }
  801. .mdc-select--filled.mdc-select--no-label .mdc-select__anchor::before {
  802. display: none;
  803. }
  804. .mdc-select--filled .mdc-select__anchor {
  805. border-top-left-radius: 4px;
  806. /* @alternate */
  807. border-top-left-radius: var(--mdc-shape-small, 4px);
  808. border-top-right-radius: 4px;
  809. /* @alternate */
  810. border-top-right-radius: var(--mdc-shape-small, 4px);
  811. border-bottom-right-radius: 0;
  812. border-bottom-left-radius: 0;
  813. }
  814. .mdc-select--filled:not(.mdc-select--disabled) .mdc-select__anchor {
  815. background-color: whitesmoke;
  816. }
  817. .mdc-select--filled.mdc-select--disabled .mdc-select__anchor {
  818. background-color: #fafafa;
  819. }
  820. .mdc-select--filled:not(.mdc-select--disabled) .mdc-line-ripple::before {
  821. border-bottom-color: rgba(0, 0, 0, 0.42);
  822. }
  823. .mdc-select--filled:not(.mdc-select--disabled):hover .mdc-line-ripple::before {
  824. border-bottom-color: rgba(0, 0, 0, 0.87);
  825. }
  826. .mdc-select--filled:not(.mdc-select--disabled) .mdc-line-ripple::after {
  827. border-bottom-color: #6200ee;
  828. /* @alternate */
  829. border-bottom-color: var(--mdc-theme-primary, #6200ee);
  830. }
  831. .mdc-select--filled.mdc-select--disabled .mdc-line-ripple::before {
  832. border-bottom-color: rgba(0, 0, 0, 0.06);
  833. }
  834. .mdc-select--filled .mdc-floating-label {
  835. max-width: calc(100% - 64px);
  836. }
  837. .mdc-select--filled .mdc-floating-label--float-above {
  838. max-width: calc(100% / 0.75 - 64px / 0.75);
  839. }
  840. .mdc-select--filled .mdc-floating-label {
  841. /* @noflip */
  842. /*rtl:ignore*/
  843. left: 16px;
  844. /* @noflip */
  845. /*rtl:ignore*/
  846. right: initial;
  847. }
  848. [dir=rtl] .mdc-select--filled .mdc-floating-label, .mdc-select--filled .mdc-floating-label[dir=rtl] {
  849. /*rtl:begin:ignore*/
  850. /* @noflip */
  851. /*rtl:ignore*/
  852. left: initial;
  853. /* @noflip */
  854. /*rtl:ignore*/
  855. right: 16px;
  856. /*rtl:end:ignore*/
  857. }
  858. .mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label {
  859. /* @noflip */
  860. /*rtl:ignore*/
  861. left: 48px;
  862. /* @noflip */
  863. /*rtl:ignore*/
  864. right: initial;
  865. }
  866. [dir=rtl] .mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label, .mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label[dir=rtl] {
  867. /*rtl:begin:ignore*/
  868. /* @noflip */
  869. /*rtl:ignore*/
  870. left: initial;
  871. /* @noflip */
  872. /*rtl:ignore*/
  873. right: 48px;
  874. /*rtl:end:ignore*/
  875. }
  876. .mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label {
  877. max-width: calc(100% - 96px);
  878. }
  879. .mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label--float-above {
  880. max-width: calc(100% / 0.75 - 96px / 0.75);
  881. }
  882. .mdc-select--invalid:not(.mdc-select--disabled) .mdc-line-ripple::before {
  883. border-bottom-color: #b00020;
  884. /* @alternate */
  885. border-bottom-color: var(--mdc-theme-error, #b00020);
  886. }
  887. .mdc-select--invalid:not(.mdc-select--disabled):hover .mdc-line-ripple::before {
  888. border-bottom-color: #b00020;
  889. /* @alternate */
  890. border-bottom-color: var(--mdc-theme-error, #b00020);
  891. }
  892. .mdc-select--invalid:not(.mdc-select--disabled) .mdc-line-ripple::after {
  893. border-bottom-color: #b00020;
  894. /* @alternate */
  895. border-bottom-color: var(--mdc-theme-error, #b00020);
  896. }
  897. .mdc-select--outlined {
  898. border: none;
  899. }
  900. .mdc-select--outlined .mdc-select__anchor {
  901. display: flex;
  902. align-items: baseline;
  903. overflow: visible;
  904. }
  905. .mdc-select--outlined .mdc-select__anchor .mdc-floating-label--shake {
  906. -webkit-animation: mdc-floating-label-shake-float-above-select-outlined 250ms 1;
  907. animation: mdc-floating-label-shake-float-above-select-outlined 250ms 1;
  908. }
  909. .mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above {
  910. -webkit-transform: translateY(-37.25px) scale(1);
  911. transform: translateY(-37.25px) scale(1);
  912. }
  913. .mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above {
  914. font-size: 0.75rem;
  915. }
  916. .mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  917. .mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  918. -webkit-transform: translateY(-34.75px) scale(0.75);
  919. transform: translateY(-34.75px) scale(0.75);
  920. }
  921. .mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  922. .mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  923. font-size: 1rem;
  924. }
  925. .mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--notched .mdc-notched-outline__notch {
  926. padding-top: 1px;
  927. }
  928. .mdc-select--outlined .mdc-select__anchor .mdc-select__selected-text::before {
  929. content: "​";
  930. }
  931. .mdc-select--outlined .mdc-select__anchor .mdc-select__selected-text-container {
  932. height: 100%;
  933. display: inline-flex;
  934. align-items: center;
  935. }
  936. .mdc-select--outlined .mdc-select__anchor::before {
  937. display: none;
  938. }
  939. .mdc-select--outlined .mdc-select__selected-text-container {
  940. display: flex;
  941. border: none;
  942. z-index: 1;
  943. background-color: transparent;
  944. }
  945. .mdc-select--outlined .mdc-select__icon {
  946. z-index: 2;
  947. }
  948. .mdc-select--outlined .mdc-menu-surface {
  949. margin-bottom: 8px;
  950. }
  951. .mdc-select--outlined.mdc-select--no-label .mdc-menu-surface,
  952. .mdc-select--outlined .mdc-menu-surface--is-open-below {
  953. margin-bottom: 0;
  954. }
  955. .mdc-select--outlined .mdc-select__anchor {
  956. height: 56px;
  957. }
  958. .mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above {
  959. -webkit-transform: translateY(-37.25px) scale(1);
  960. transform: translateY(-37.25px) scale(1);
  961. }
  962. .mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above {
  963. font-size: 0.75rem;
  964. }
  965. .mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  966. .mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  967. -webkit-transform: translateY(-34.75px) scale(0.75);
  968. transform: translateY(-34.75px) scale(0.75);
  969. }
  970. .mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  971. .mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  972. font-size: 1rem;
  973. }
  974. .mdc-select--outlined .mdc-select__anchor .mdc-floating-label--shake {
  975. -webkit-animation: mdc-floating-label-shake-float-above-select-outlined-56px 250ms 1;
  976. animation: mdc-floating-label-shake-float-above-select-outlined-56px 250ms 1;
  977. }
  978. @-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-56px {
  979. 0% {
  980. /* @noflip */
  981. /*rtl:ignore*/
  982. -webkit-transform: translateX(calc(0% - 0%)) translateY(calc(0% - 34.75px)) scale(0.75);
  983. transform: translateX(calc(0% - 0%)) translateY(calc(0% - 34.75px)) scale(0.75);
  984. }
  985. 33% {
  986. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  987. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  988. /* @noflip */
  989. /*rtl:ignore*/
  990. -webkit-transform: translateX(calc(4% - 0%)) translateY(calc(0% - 34.75px)) scale(0.75);
  991. transform: translateX(calc(4% - 0%)) translateY(calc(0% - 34.75px)) scale(0.75);
  992. }
  993. 66% {
  994. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  995. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  996. /* @noflip */
  997. /*rtl:ignore*/
  998. -webkit-transform: translateX(calc(-4% - 0%)) translateY(calc(0% - 34.75px)) scale(0.75);
  999. transform: translateX(calc(-4% - 0%)) translateY(calc(0% - 34.75px)) scale(0.75);
  1000. }
  1001. 100% {
  1002. /* @noflip */
  1003. /*rtl:ignore*/
  1004. -webkit-transform: translateX(calc(0% - 0%)) translateY(calc(0% - 34.75px)) scale(0.75);
  1005. transform: translateX(calc(0% - 0%)) translateY(calc(0% - 34.75px)) scale(0.75);
  1006. }
  1007. }
  1008. @keyframes mdc-floating-label-shake-float-above-select-outlined-56px {
  1009. 0% {
  1010. /* @noflip */
  1011. /*rtl:ignore*/
  1012. -webkit-transform: translateX(calc(0% - 0%)) translateY(calc(0% - 34.75px)) scale(0.75);
  1013. transform: translateX(calc(0% - 0%)) translateY(calc(0% - 34.75px)) scale(0.75);
  1014. }
  1015. 33% {
  1016. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  1017. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  1018. /* @noflip */
  1019. /*rtl:ignore*/
  1020. -webkit-transform: translateX(calc(4% - 0%)) translateY(calc(0% - 34.75px)) scale(0.75);
  1021. transform: translateX(calc(4% - 0%)) translateY(calc(0% - 34.75px)) scale(0.75);
  1022. }
  1023. 66% {
  1024. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  1025. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  1026. /* @noflip */
  1027. /*rtl:ignore*/
  1028. -webkit-transform: translateX(calc(-4% - 0%)) translateY(calc(0% - 34.75px)) scale(0.75);
  1029. transform: translateX(calc(-4% - 0%)) translateY(calc(0% - 34.75px)) scale(0.75);
  1030. }
  1031. 100% {
  1032. /* @noflip */
  1033. /*rtl:ignore*/
  1034. -webkit-transform: translateX(calc(0% - 0%)) translateY(calc(0% - 34.75px)) scale(0.75);
  1035. transform: translateX(calc(0% - 0%)) translateY(calc(0% - 34.75px)) scale(0.75);
  1036. }
  1037. }
  1038. .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading {
  1039. /* @noflip */
  1040. /*rtl:ignore*/
  1041. border-top-left-radius: 4px;
  1042. /* @alternate */
  1043. /* @noflip */
  1044. /*rtl:ignore*/
  1045. border-top-left-radius: var(--mdc-shape-small, 4px);
  1046. /* @noflip */
  1047. /*rtl:ignore*/
  1048. border-top-right-radius: 0;
  1049. /* @noflip */
  1050. /*rtl:ignore*/
  1051. border-bottom-right-radius: 0;
  1052. /* @noflip */
  1053. /*rtl:ignore*/
  1054. border-bottom-left-radius: 4px;
  1055. /* @alternate */
  1056. /* @noflip */
  1057. /*rtl:ignore*/
  1058. border-bottom-left-radius: var(--mdc-shape-small, 4px);
  1059. }
  1060. [dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading, .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl] {
  1061. /*rtl:begin:ignore*/
  1062. /* @noflip */
  1063. /*rtl:ignore*/
  1064. border-top-left-radius: 0;
  1065. /* @noflip */
  1066. /*rtl:ignore*/
  1067. border-top-right-radius: 4px;
  1068. /* @alternate */
  1069. /* @noflip */
  1070. /*rtl:ignore*/
  1071. border-top-right-radius: var(--mdc-shape-small, 4px);
  1072. /* @noflip */
  1073. /*rtl:ignore*/
  1074. border-bottom-right-radius: 4px;
  1075. /* @alternate */
  1076. /* @noflip */
  1077. /*rtl:ignore*/
  1078. border-bottom-right-radius: var(--mdc-shape-small, 4px);
  1079. /* @noflip */
  1080. /*rtl:ignore*/
  1081. border-bottom-left-radius: 0;
  1082. /*rtl:end:ignore*/
  1083. }
  1084. @supports (top: max(0%)) {
  1085. .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading {
  1086. width: max(12px, var(--mdc-shape-small, 4px));
  1087. }
  1088. }
  1089. @supports (top: max(0%)) {
  1090. .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__notch {
  1091. max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);
  1092. }
  1093. }
  1094. .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
  1095. /* @noflip */
  1096. /*rtl:ignore*/
  1097. border-top-left-radius: 0;
  1098. /* @noflip */
  1099. /*rtl:ignore*/
  1100. border-top-right-radius: 4px;
  1101. /* @alternate */
  1102. /* @noflip */
  1103. /*rtl:ignore*/
  1104. border-top-right-radius: var(--mdc-shape-small, 4px);
  1105. /* @noflip */
  1106. /*rtl:ignore*/
  1107. border-bottom-right-radius: 4px;
  1108. /* @alternate */
  1109. /* @noflip */
  1110. /*rtl:ignore*/
  1111. border-bottom-right-radius: var(--mdc-shape-small, 4px);
  1112. /* @noflip */
  1113. /*rtl:ignore*/
  1114. border-bottom-left-radius: 0;
  1115. }
  1116. [dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl] {
  1117. /*rtl:begin:ignore*/
  1118. /* @noflip */
  1119. /*rtl:ignore*/
  1120. border-top-left-radius: 4px;
  1121. /* @alternate */
  1122. /* @noflip */
  1123. /*rtl:ignore*/
  1124. border-top-left-radius: var(--mdc-shape-small, 4px);
  1125. /* @noflip */
  1126. /*rtl:ignore*/
  1127. border-top-right-radius: 0;
  1128. /* @noflip */
  1129. /*rtl:ignore*/
  1130. border-bottom-right-radius: 0;
  1131. /* @noflip */
  1132. /*rtl:ignore*/
  1133. border-bottom-left-radius: 4px;
  1134. /* @alternate */
  1135. /* @noflip */
  1136. /*rtl:ignore*/
  1137. border-bottom-left-radius: var(--mdc-shape-small, 4px);
  1138. /*rtl:end:ignore*/
  1139. }
  1140. @supports (top: max(0%)) {
  1141. .mdc-select--outlined .mdc-select__anchor {
  1142. /* @noflip */
  1143. /*rtl:ignore*/
  1144. padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
  1145. }
  1146. }
  1147. [dir=rtl] .mdc-select--outlined .mdc-select__anchor, .mdc-select--outlined .mdc-select__anchor[dir=rtl] {
  1148. /*rtl:begin:ignore*/
  1149. /* @noflip */
  1150. /*rtl:ignore*/
  1151. padding-left: 0;
  1152. /*rtl:end:ignore*/
  1153. }
  1154. @supports (top: max(0%)) {
  1155. [dir=rtl] .mdc-select--outlined .mdc-select__anchor, .mdc-select--outlined .mdc-select__anchor[dir=rtl] {
  1156. /* @noflip */
  1157. /*rtl:ignore*/
  1158. padding-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
  1159. }
  1160. }
  1161. @supports (top: max(0%)) {
  1162. .mdc-select--outlined + .mdc-select-helper-text {
  1163. /* @noflip */
  1164. /*rtl:ignore*/
  1165. margin-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
  1166. }
  1167. }
  1168. [dir=rtl] .mdc-select--outlined + .mdc-select-helper-text, .mdc-select--outlined + .mdc-select-helper-text[dir=rtl] {
  1169. /*rtl:begin:ignore*/
  1170. /* @noflip */
  1171. /*rtl:ignore*/
  1172. margin-left: 0;
  1173. /*rtl:end:ignore*/
  1174. }
  1175. @supports (top: max(0%)) {
  1176. [dir=rtl] .mdc-select--outlined + .mdc-select-helper-text, .mdc-select--outlined + .mdc-select-helper-text[dir=rtl] {
  1177. /* @noflip */
  1178. /*rtl:ignore*/
  1179. margin-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
  1180. }
  1181. }
  1182. .mdc-select--outlined:not(.mdc-select--disabled) .mdc-select__anchor {
  1183. background-color: transparent;
  1184. }
  1185. .mdc-select--outlined.mdc-select--disabled .mdc-select__anchor {
  1186. background-color: transparent;
  1187. }
  1188. .mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading,
  1189. .mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch,
  1190. .mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing {
  1191. border-color: rgba(0, 0, 0, 0.38);
  1192. }
  1193. .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__leading,
  1194. .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__notch,
  1195. .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__trailing {
  1196. border-color: rgba(0, 0, 0, 0.87);
  1197. }
  1198. .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
  1199. .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
  1200. .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
  1201. border-color: #6200ee;
  1202. /* @alternate */
  1203. border-color: var(--mdc-theme-primary, #6200ee);
  1204. }
  1205. .mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__leading,
  1206. .mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__notch,
  1207. .mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__trailing {
  1208. border-color: rgba(0, 0, 0, 0.06);
  1209. }
  1210. .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
  1211. .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
  1212. .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
  1213. border-width: 2px;
  1214. }
  1215. .mdc-select--outlined .mdc-select__anchor :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {
  1216. max-width: calc(100% - 60px);
  1217. }
  1218. .mdc-select--outlined .mdc-select__anchor .mdc-floating-label--shake {
  1219. -webkit-animation: mdc-floating-label-shake-float-above-select-outlined 250ms 1;
  1220. animation: mdc-floating-label-shake-float-above-select-outlined 250ms 1;
  1221. }
  1222. .mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above {
  1223. -webkit-transform: translateY(-37.25px) scale(1);
  1224. transform: translateY(-37.25px) scale(1);
  1225. }
  1226. .mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above {
  1227. font-size: 0.75rem;
  1228. }
  1229. .mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  1230. .mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  1231. -webkit-transform: translateY(-34.75px) scale(0.75);
  1232. transform: translateY(-34.75px) scale(0.75);
  1233. }
  1234. .mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  1235. .mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  1236. font-size: 1rem;
  1237. }
  1238. .mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--notched .mdc-notched-outline__notch {
  1239. padding-top: 1px;
  1240. }
  1241. .mdc-select--outlined .mdc-select__anchor .mdc-select__selected-text::before {
  1242. content: "​";
  1243. }
  1244. .mdc-select--outlined .mdc-select__anchor .mdc-select__selected-text-container {
  1245. height: 100%;
  1246. display: inline-flex;
  1247. align-items: center;
  1248. }
  1249. .mdc-select--outlined .mdc-select__anchor::before {
  1250. display: none;
  1251. }
  1252. .mdc-select--outlined .mdc-floating-label {
  1253. line-height: 1.15rem;
  1254. /* @noflip */
  1255. /*rtl:ignore*/
  1256. left: 4px;
  1257. /* @noflip */
  1258. /*rtl:ignore*/
  1259. right: initial;
  1260. }
  1261. [dir=rtl] .mdc-select--outlined .mdc-floating-label, .mdc-select--outlined .mdc-floating-label[dir=rtl] {
  1262. /*rtl:begin:ignore*/
  1263. /* @noflip */
  1264. /*rtl:ignore*/
  1265. left: initial;
  1266. /* @noflip */
  1267. /*rtl:ignore*/
  1268. right: 4px;
  1269. /*rtl:end:ignore*/
  1270. }
  1271. .mdc-select--outlined.mdc-select--focused .mdc-notched-outline--notched .mdc-notched-outline__notch {
  1272. padding-top: 2px;
  1273. }
  1274. .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__leading,
  1275. .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__notch,
  1276. .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__trailing {
  1277. border-color: #b00020;
  1278. /* @alternate */
  1279. border-color: var(--mdc-theme-error, #b00020);
  1280. }
  1281. .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__leading,
  1282. .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__notch,
  1283. .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__trailing {
  1284. border-color: #b00020;
  1285. /* @alternate */
  1286. border-color: var(--mdc-theme-error, #b00020);
  1287. }
  1288. .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
  1289. .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
  1290. .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
  1291. border-color: #b00020;
  1292. /* @alternate */
  1293. border-color: var(--mdc-theme-error, #b00020);
  1294. }
  1295. .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label {
  1296. /* @noflip */
  1297. /*rtl:ignore*/
  1298. left: 36px;
  1299. /* @noflip */
  1300. /*rtl:ignore*/
  1301. right: initial;
  1302. }
  1303. [dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label, .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label[dir=rtl] {
  1304. /*rtl:begin:ignore*/
  1305. /* @noflip */
  1306. /*rtl:ignore*/
  1307. left: initial;
  1308. /* @noflip */
  1309. /*rtl:ignore*/
  1310. right: 36px;
  1311. /*rtl:end:ignore*/
  1312. }
  1313. .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above {
  1314. /* @noflip */
  1315. /*rtl:ignore*/
  1316. -webkit-transform: translateY(-37.25px) translateX(-32px) scale(1);
  1317. transform: translateY(-37.25px) translateX(-32px) scale(1);
  1318. }
  1319. [dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above, .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above[dir=rtl] {
  1320. /*rtl:begin:ignore*/
  1321. /* @noflip */
  1322. /*rtl:ignore*/
  1323. -webkit-transform: translateY(-37.25px) translateX(32px) scale(1);
  1324. transform: translateY(-37.25px) translateX(32px) scale(1);
  1325. /*rtl:end:ignore*/
  1326. }
  1327. .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above {
  1328. font-size: 0.75rem;
  1329. }
  1330. .mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  1331. .mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  1332. /* @noflip */
  1333. /*rtl:ignore*/
  1334. -webkit-transform: translateY(-34.75px) translateX(-32px) scale(0.75);
  1335. transform: translateY(-34.75px) translateX(-32px) scale(0.75);
  1336. }
  1337. [dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above, [dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl], .mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl] {
  1338. /*rtl:begin:ignore*/
  1339. /* @noflip */
  1340. /*rtl:ignore*/
  1341. -webkit-transform: translateY(-34.75px) translateX(32px) scale(0.75);
  1342. transform: translateY(-34.75px) translateX(32px) scale(0.75);
  1343. /*rtl:end:ignore*/
  1344. }
  1345. .mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  1346. .mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  1347. font-size: 1rem;
  1348. }
  1349. .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--shake {
  1350. -webkit-animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1;
  1351. animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1;
  1352. }
  1353. @-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px {
  1354. 0% {
  1355. /* @noflip */
  1356. /*rtl:ignore*/
  1357. -webkit-transform: translateX(calc(0% - 32px)) translateY(calc(0% - 34.75px)) scale(0.75);
  1358. transform: translateX(calc(0% - 32px)) translateY(calc(0% - 34.75px)) scale(0.75);
  1359. }
  1360. 33% {
  1361. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  1362. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  1363. /* @noflip */
  1364. /*rtl:ignore*/
  1365. -webkit-transform: translateX(calc(4% - 32px)) translateY(calc(0% - 34.75px)) scale(0.75);
  1366. transform: translateX(calc(4% - 32px)) translateY(calc(0% - 34.75px)) scale(0.75);
  1367. }
  1368. 66% {
  1369. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  1370. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  1371. /* @noflip */
  1372. /*rtl:ignore*/
  1373. -webkit-transform: translateX(calc(-4% - 32px)) translateY(calc(0% - 34.75px)) scale(0.75);
  1374. transform: translateX(calc(-4% - 32px)) translateY(calc(0% - 34.75px)) scale(0.75);
  1375. }
  1376. 100% {
  1377. /* @noflip */
  1378. /*rtl:ignore*/
  1379. -webkit-transform: translateX(calc(0% - 32px)) translateY(calc(0% - 34.75px)) scale(0.75);
  1380. transform: translateX(calc(0% - 32px)) translateY(calc(0% - 34.75px)) scale(0.75);
  1381. }
  1382. }
  1383. @keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px {
  1384. 0% {
  1385. /* @noflip */
  1386. /*rtl:ignore*/
  1387. -webkit-transform: translateX(calc(0% - 32px)) translateY(calc(0% - 34.75px)) scale(0.75);
  1388. transform: translateX(calc(0% - 32px)) translateY(calc(0% - 34.75px)) scale(0.75);
  1389. }
  1390. 33% {
  1391. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  1392. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  1393. /* @noflip */
  1394. /*rtl:ignore*/
  1395. -webkit-transform: translateX(calc(4% - 32px)) translateY(calc(0% - 34.75px)) scale(0.75);
  1396. transform: translateX(calc(4% - 32px)) translateY(calc(0% - 34.75px)) scale(0.75);
  1397. }
  1398. 66% {
  1399. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  1400. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  1401. /* @noflip */
  1402. /*rtl:ignore*/
  1403. -webkit-transform: translateX(calc(-4% - 32px)) translateY(calc(0% - 34.75px)) scale(0.75);
  1404. transform: translateX(calc(-4% - 32px)) translateY(calc(0% - 34.75px)) scale(0.75);
  1405. }
  1406. 100% {
  1407. /* @noflip */
  1408. /*rtl:ignore*/
  1409. -webkit-transform: translateX(calc(0% - 32px)) translateY(calc(0% - 34.75px)) scale(0.75);
  1410. transform: translateX(calc(0% - 32px)) translateY(calc(0% - 34.75px)) scale(0.75);
  1411. }
  1412. }
  1413. [dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon, .mdc-select--outlined.mdc-select--with-leading-icon[dir=rtl] {
  1414. /*rtl:begin:ignore*/
  1415. /*rtl:end:ignore*/
  1416. }
  1417. [dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--shake, .mdc-select--outlined.mdc-select--with-leading-icon[dir=rtl] .mdc-floating-label--shake {
  1418. -webkit-animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1;
  1419. animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1;
  1420. }
  1421. @-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px-rtl {
  1422. 0% {
  1423. /* @noflip */
  1424. /*rtl:ignore*/
  1425. -webkit-transform: translateX(calc(0% - -32px)) translateY(calc(0% - 34.75px)) scale(0.75);
  1426. transform: translateX(calc(0% - -32px)) translateY(calc(0% - 34.75px)) scale(0.75);
  1427. }
  1428. 33% {
  1429. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  1430. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  1431. /* @noflip */
  1432. /*rtl:ignore*/
  1433. -webkit-transform: translateX(calc(4% - -32px)) translateY(calc(0% - 34.75px)) scale(0.75);
  1434. transform: translateX(calc(4% - -32px)) translateY(calc(0% - 34.75px)) scale(0.75);
  1435. }
  1436. 66% {
  1437. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  1438. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  1439. /* @noflip */
  1440. /*rtl:ignore*/
  1441. -webkit-transform: translateX(calc(-4% - -32px)) translateY(calc(0% - 34.75px)) scale(0.75);
  1442. transform: translateX(calc(-4% - -32px)) translateY(calc(0% - 34.75px)) scale(0.75);
  1443. }
  1444. 100% {
  1445. /* @noflip */
  1446. /*rtl:ignore*/
  1447. -webkit-transform: translateX(calc(0% - -32px)) translateY(calc(0% - 34.75px)) scale(0.75);
  1448. transform: translateX(calc(0% - -32px)) translateY(calc(0% - 34.75px)) scale(0.75);
  1449. }
  1450. }
  1451. @keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px-rtl {
  1452. 0% {
  1453. /* @noflip */
  1454. /*rtl:ignore*/
  1455. -webkit-transform: translateX(calc(0% - -32px)) translateY(calc(0% - 34.75px)) scale(0.75);
  1456. transform: translateX(calc(0% - -32px)) translateY(calc(0% - 34.75px)) scale(0.75);
  1457. }
  1458. 33% {
  1459. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  1460. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  1461. /* @noflip */
  1462. /*rtl:ignore*/
  1463. -webkit-transform: translateX(calc(4% - -32px)) translateY(calc(0% - 34.75px)) scale(0.75);
  1464. transform: translateX(calc(4% - -32px)) translateY(calc(0% - 34.75px)) scale(0.75);
  1465. }
  1466. 66% {
  1467. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  1468. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  1469. /* @noflip */
  1470. /*rtl:ignore*/
  1471. -webkit-transform: translateX(calc(-4% - -32px)) translateY(calc(0% - 34.75px)) scale(0.75);
  1472. transform: translateX(calc(-4% - -32px)) translateY(calc(0% - 34.75px)) scale(0.75);
  1473. }
  1474. 100% {
  1475. /* @noflip */
  1476. /*rtl:ignore*/
  1477. -webkit-transform: translateX(calc(0% - -32px)) translateY(calc(0% - 34.75px)) scale(0.75);
  1478. transform: translateX(calc(0% - -32px)) translateY(calc(0% - 34.75px)) scale(0.75);
  1479. }
  1480. }
  1481. .mdc-select--outlined.mdc-select--with-leading-icon .mdc-select__anchor :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {
  1482. max-width: calc(100% - 96px);
  1483. }
  1484. .mdc-select__anchor {
  1485. --mdc-ripple-fg-size: 0;
  1486. --mdc-ripple-left: 0;
  1487. --mdc-ripple-top: 0;
  1488. --mdc-ripple-fg-scale: 1;
  1489. --mdc-ripple-fg-translate-end: 0;
  1490. --mdc-ripple-fg-translate-start: 0;
  1491. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  1492. will-change: transform, opacity;
  1493. }
  1494. .mdc-select__anchor .mdc-select__ripple::before,
  1495. .mdc-select__anchor .mdc-select__ripple::after {
  1496. position: absolute;
  1497. border-radius: 50%;
  1498. opacity: 0;
  1499. pointer-events: none;
  1500. content: "";
  1501. }
  1502. .mdc-select__anchor .mdc-select__ripple::before {
  1503. transition: opacity 15ms linear, background-color 15ms linear;
  1504. z-index: 1;
  1505. /* @alternate */
  1506. z-index: var(--mdc-ripple-z-index, 1);
  1507. }
  1508. .mdc-select__anchor .mdc-select__ripple::after {
  1509. z-index: 0;
  1510. /* @alternate */
  1511. z-index: var(--mdc-ripple-z-index, 0);
  1512. }
  1513. .mdc-select__anchor.mdc-ripple-upgraded .mdc-select__ripple::before {
  1514. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  1515. transform: scale(var(--mdc-ripple-fg-scale, 1));
  1516. }
  1517. .mdc-select__anchor.mdc-ripple-upgraded .mdc-select__ripple::after {
  1518. top: 0;
  1519. /* @noflip */
  1520. /*rtl:ignore*/
  1521. left: 0;
  1522. -webkit-transform: scale(0);
  1523. transform: scale(0);
  1524. -webkit-transform-origin: center center;
  1525. transform-origin: center center;
  1526. }
  1527. .mdc-select__anchor.mdc-ripple-upgraded--unbounded .mdc-select__ripple::after {
  1528. top: var(--mdc-ripple-top, 0);
  1529. /* @noflip */
  1530. /*rtl:ignore*/
  1531. left: var(--mdc-ripple-left, 0);
  1532. }
  1533. .mdc-select__anchor.mdc-ripple-upgraded--foreground-activation .mdc-select__ripple::after {
  1534. -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  1535. animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  1536. }
  1537. .mdc-select__anchor.mdc-ripple-upgraded--foreground-deactivation .mdc-select__ripple::after {
  1538. -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
  1539. animation: mdc-ripple-fg-opacity-out 150ms;
  1540. /* @noflip */
  1541. /*rtl:ignore*/
  1542. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  1543. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  1544. }
  1545. .mdc-select__anchor .mdc-select__ripple::before,
  1546. .mdc-select__anchor .mdc-select__ripple::after {
  1547. top: calc(50% - 100%);
  1548. /* @noflip */
  1549. /*rtl:ignore*/
  1550. left: calc(50% - 100%);
  1551. width: 200%;
  1552. height: 200%;
  1553. }
  1554. .mdc-select__anchor.mdc-ripple-upgraded .mdc-select__ripple::after {
  1555. width: var(--mdc-ripple-fg-size, 100%);
  1556. height: var(--mdc-ripple-fg-size, 100%);
  1557. }
  1558. .mdc-select__anchor .mdc-select__ripple::before,
  1559. .mdc-select__anchor .mdc-select__ripple::after {
  1560. background-color: rgba(0, 0, 0, 0.87);
  1561. /* @alternate */
  1562. background-color: var(--mdc-ripple-color, rgba(0, 0, 0, 0.87));
  1563. }
  1564. .mdc-select__anchor:hover .mdc-select__ripple::before, .mdc-select__anchor.mdc-ripple-surface--hover .mdc-select__ripple::before {
  1565. opacity: 0.04;
  1566. /* @alternate */
  1567. opacity: var(--mdc-ripple-hover-opacity, 0.04);
  1568. }
  1569. .mdc-select__anchor.mdc-ripple-upgraded--background-focused .mdc-select__ripple::before, .mdc-select__anchor:not(.mdc-ripple-upgraded):focus .mdc-select__ripple::before {
  1570. transition-duration: 75ms;
  1571. opacity: 0.12;
  1572. /* @alternate */
  1573. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  1574. }
  1575. .mdc-select__anchor .mdc-select__ripple {
  1576. position: absolute;
  1577. top: 0;
  1578. left: 0;
  1579. width: 100%;
  1580. height: 100%;
  1581. pointer-events: none;
  1582. }
  1583. .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected .mdc-deprecated-list-item__ripple::before, .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected .mdc-deprecated-list-item__ripple::after {
  1584. background-color: #000;
  1585. /* @alternate */
  1586. background-color: var(--mdc-ripple-color, var(--mdc-theme-on-surface, #000));
  1587. }
  1588. .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:hover .mdc-deprecated-list-item__ripple::before, .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected.mdc-ripple-surface--hover .mdc-deprecated-list-item__ripple::before {
  1589. opacity: 0.04;
  1590. /* @alternate */
  1591. opacity: var(--mdc-ripple-hover-opacity, 0.04);
  1592. }
  1593. .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-deprecated-list-item__ripple::before, .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-deprecated-list-item__ripple::before {
  1594. transition-duration: 75ms;
  1595. opacity: 0.12;
  1596. /* @alternate */
  1597. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  1598. }
  1599. .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded) .mdc-deprecated-list-item__ripple::after {
  1600. transition: opacity 150ms linear;
  1601. }
  1602. .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-deprecated-list-item__ripple::after {
  1603. transition-duration: 75ms;
  1604. opacity: 0.12;
  1605. /* @alternate */
  1606. opacity: var(--mdc-ripple-press-opacity, 0.12);
  1607. }
  1608. .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected.mdc-ripple-upgraded {
  1609. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
  1610. }
  1611. .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected .mdc-list-item__ripple::before, .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected .mdc-list-item__ripple::after {
  1612. background-color: #000;
  1613. /* @alternate */
  1614. background-color: var(--mdc-ripple-color, var(--mdc-theme-on-surface, #000));
  1615. }
  1616. .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:hover .mdc-list-item__ripple::before, .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected.mdc-ripple-surface--hover .mdc-list-item__ripple::before {
  1617. opacity: 0.04;
  1618. /* @alternate */
  1619. opacity: var(--mdc-ripple-hover-opacity, 0.04);
  1620. }
  1621. .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before {
  1622. transition-duration: 75ms;
  1623. opacity: 0.12;
  1624. /* @alternate */
  1625. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  1626. }
  1627. .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after {
  1628. transition: opacity 150ms linear;
  1629. }
  1630. .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after {
  1631. transition-duration: 75ms;
  1632. opacity: 0.12;
  1633. /* @alternate */
  1634. opacity: var(--mdc-ripple-press-opacity, 0.12);
  1635. }
  1636. .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected.mdc-ripple-upgraded {
  1637. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
  1638. }
  1639. .mdc-select-helper-text {
  1640. margin: 0;
  1641. /* @noflip */
  1642. /*rtl:ignore*/
  1643. margin-left: 16px;
  1644. /* @noflip */
  1645. /*rtl:ignore*/
  1646. margin-right: 16px;
  1647. -moz-osx-font-smoothing: grayscale;
  1648. -webkit-font-smoothing: antialiased;
  1649. font-family: Roboto, sans-serif;
  1650. /* @alternate */
  1651. font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  1652. font-size: 0.75rem;
  1653. /* @alternate */
  1654. font-size: var(--mdc-typography-caption-font-size, 0.75rem);
  1655. line-height: 1.25rem;
  1656. /* @alternate */
  1657. line-height: var(--mdc-typography-caption-line-height, 1.25rem);
  1658. font-weight: 400;
  1659. /* @alternate */
  1660. font-weight: var(--mdc-typography-caption-font-weight, 400);
  1661. letter-spacing: 0.0333333333em;
  1662. /* @alternate */
  1663. letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em);
  1664. text-decoration: inherit;
  1665. /* @alternate */
  1666. -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
  1667. text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
  1668. text-transform: inherit;
  1669. /* @alternate */
  1670. text-transform: var(--mdc-typography-caption-text-transform, inherit);
  1671. display: block;
  1672. margin-top: 0;
  1673. /* @alternate */
  1674. line-height: normal;
  1675. }
  1676. [dir=rtl] .mdc-select-helper-text, .mdc-select-helper-text[dir=rtl] {
  1677. /*rtl:begin:ignore*/
  1678. /* @noflip */
  1679. /*rtl:ignore*/
  1680. margin-left: 16px;
  1681. /* @noflip */
  1682. /*rtl:ignore*/
  1683. margin-right: 16px;
  1684. /*rtl:end:ignore*/
  1685. }
  1686. .mdc-select-helper-text::before {
  1687. display: inline-block;
  1688. width: 0;
  1689. height: 16px;
  1690. content: "";
  1691. vertical-align: 0;
  1692. }
  1693. .mdc-select-helper-text--validation-msg {
  1694. opacity: 0;
  1695. transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
  1696. }
  1697. .mdc-select--invalid + .mdc-select-helper-text--validation-msg,
  1698. .mdc-select-helper-text--validation-msg-persistent {
  1699. opacity: 1;
  1700. }
  1701. .mdc-select--with-leading-icon .mdc-select__icon {
  1702. display: inline-block;
  1703. box-sizing: border-box;
  1704. border: none;
  1705. text-decoration: none;
  1706. cursor: pointer;
  1707. -webkit-user-select: none;
  1708. -moz-user-select: none;
  1709. -ms-user-select: none;
  1710. user-select: none;
  1711. flex-shrink: 0;
  1712. align-self: center;
  1713. background-color: transparent;
  1714. fill: currentColor;
  1715. }
  1716. .mdc-select--with-leading-icon .mdc-select__icon {
  1717. /* @noflip */
  1718. /*rtl:ignore*/
  1719. margin-left: 12px;
  1720. /* @noflip */
  1721. /*rtl:ignore*/
  1722. margin-right: 12px;
  1723. }
  1724. [dir=rtl] .mdc-select--with-leading-icon .mdc-select__icon, .mdc-select--with-leading-icon .mdc-select__icon[dir=rtl] {
  1725. /*rtl:begin:ignore*/
  1726. /* @noflip */
  1727. /*rtl:ignore*/
  1728. margin-left: 12px;
  1729. /* @noflip */
  1730. /*rtl:ignore*/
  1731. margin-right: 12px;
  1732. /*rtl:end:ignore*/
  1733. }
  1734. .mdc-select__icon:not([tabindex]),
  1735. .mdc-select__icon[tabindex="-1"] {
  1736. cursor: default;
  1737. pointer-events: none;
  1738. }
  1739. .mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {
  1740. color: rgba(0, 0, 0, 0.87);
  1741. }
  1742. .mdc-select.mdc-select--disabled .mdc-select__selected-text {
  1743. color: rgba(0, 0, 0, 0.38);
  1744. }
  1745. .mdc-select:not(.mdc-select--disabled) .mdc-floating-label {
  1746. color: rgba(0, 0, 0, 0.6);
  1747. }
  1748. .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
  1749. color: rgba(98, 0, 238, 0.87);
  1750. }
  1751. .mdc-select.mdc-select--disabled .mdc-floating-label {
  1752. color: rgba(0, 0, 0, 0.38);
  1753. }
  1754. .mdc-select:not(.mdc-select--disabled) .mdc-select__dropdown-icon {
  1755. fill: rgba(0, 0, 0, 0.54);
  1756. }
  1757. .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-select__dropdown-icon {
  1758. fill: #6200ee;
  1759. /* @alternate */
  1760. fill: var(--mdc-theme-primary, #6200ee);
  1761. }
  1762. .mdc-select.mdc-select--disabled .mdc-select__dropdown-icon {
  1763. fill: rgba(0, 0, 0, 0.38);
  1764. }
  1765. .mdc-select:not(.mdc-select--disabled) + .mdc-select-helper-text {
  1766. color: rgba(0, 0, 0, 0.6);
  1767. }
  1768. .mdc-select.mdc-select--disabled + .mdc-select-helper-text {
  1769. color: rgba(0, 0, 0, 0.38);
  1770. }
  1771. .mdc-select:not(.mdc-select--disabled) .mdc-select__icon {
  1772. color: rgba(0, 0, 0, 0.54);
  1773. }
  1774. .mdc-select.mdc-select--disabled .mdc-select__icon {
  1775. color: rgba(0, 0, 0, 0.38);
  1776. }
  1777. @media screen and (forced-colors: active), (-ms-high-contrast: active) {
  1778. .mdc-select.mdc-select--disabled .mdc-select__selected-text {
  1779. color: GrayText;
  1780. }
  1781. .mdc-select.mdc-select--disabled .mdc-select__dropdown-icon {
  1782. fill: red;
  1783. }
  1784. .mdc-select.mdc-select--disabled .mdc-floating-label {
  1785. color: GrayText;
  1786. }
  1787. .mdc-select.mdc-select--disabled .mdc-line-ripple::before {
  1788. border-bottom-color: GrayText;
  1789. }
  1790. .mdc-select.mdc-select--disabled .mdc-notched-outline__leading,
  1791. .mdc-select.mdc-select--disabled .mdc-notched-outline__notch,
  1792. .mdc-select.mdc-select--disabled .mdc-notched-outline__trailing {
  1793. border-color: GrayText;
  1794. }
  1795. .mdc-select.mdc-select--disabled .mdc-select__icon {
  1796. color: GrayText;
  1797. }
  1798. .mdc-select.mdc-select--disabled + .mdc-select-helper-text {
  1799. color: GrayText;
  1800. }
  1801. }
  1802. .mdc-select .mdc-select__anchor {
  1803. /* @noflip */
  1804. /*rtl:ignore*/
  1805. padding-left: 16px;
  1806. /* @noflip */
  1807. /*rtl:ignore*/
  1808. padding-right: 0;
  1809. }
  1810. [dir=rtl] .mdc-select .mdc-select__anchor, .mdc-select .mdc-select__anchor[dir=rtl] {
  1811. /*rtl:begin:ignore*/
  1812. /* @noflip */
  1813. /*rtl:ignore*/
  1814. padding-left: 0;
  1815. /* @noflip */
  1816. /*rtl:ignore*/
  1817. padding-right: 16px;
  1818. /*rtl:end:ignore*/
  1819. }
  1820. .mdc-select.mdc-select--with-leading-icon .mdc-select__anchor {
  1821. /* @noflip */
  1822. /*rtl:ignore*/
  1823. padding-left: 0;
  1824. /* @noflip */
  1825. /*rtl:ignore*/
  1826. padding-right: 0;
  1827. }
  1828. [dir=rtl] .mdc-select.mdc-select--with-leading-icon .mdc-select__anchor, .mdc-select.mdc-select--with-leading-icon .mdc-select__anchor[dir=rtl] {
  1829. /*rtl:begin:ignore*/
  1830. /* @noflip */
  1831. /*rtl:ignore*/
  1832. padding-left: 0;
  1833. /* @noflip */
  1834. /*rtl:ignore*/
  1835. padding-right: 0;
  1836. /*rtl:end:ignore*/
  1837. }
  1838. .mdc-select .mdc-select__icon {
  1839. width: 24px;
  1840. height: 24px;
  1841. font-size: 24px;
  1842. }
  1843. .mdc-select .mdc-select__dropdown-icon {
  1844. width: 24px;
  1845. height: 24px;
  1846. }
  1847. .mdc-select__dropdown-icon {
  1848. /* @noflip */
  1849. /*rtl:ignore*/
  1850. margin-left: 12px;
  1851. /* @noflip */
  1852. /*rtl:ignore*/
  1853. margin-right: 12px;
  1854. }
  1855. [dir=rtl] .mdc-select__dropdown-icon, .mdc-select__dropdown-icon[dir=rtl] {
  1856. /*rtl:begin:ignore*/
  1857. /* @noflip */
  1858. /*rtl:ignore*/
  1859. margin-left: 12px;
  1860. /* @noflip */
  1861. /*rtl:ignore*/
  1862. margin-right: 12px;
  1863. /*rtl:end:ignore*/
  1864. }
  1865. .mdc-select__anchor {
  1866. width: 200px;
  1867. }
  1868. .mdc-select__anchor .mdc-floating-label--float-above {
  1869. -webkit-transform: translateY(-106%) scale(0.75);
  1870. transform: translateY(-106%) scale(0.75);
  1871. }
  1872. .mdc-select--invalid:not(.mdc-select--disabled) .mdc-floating-label {
  1873. color: #b00020;
  1874. /* @alternate */
  1875. color: var(--mdc-theme-error, #b00020);
  1876. }
  1877. .mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
  1878. color: #b00020;
  1879. /* @alternate */
  1880. color: var(--mdc-theme-error, #b00020);
  1881. }
  1882. .mdc-select--invalid:not(.mdc-select--disabled).mdc-select--invalid + .mdc-select-helper-text--validation-msg {
  1883. color: #b00020;
  1884. /* @alternate */
  1885. color: var(--mdc-theme-error, #b00020);
  1886. }
  1887. .mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__dropdown-icon {
  1888. fill: #b00020;
  1889. /* @alternate */
  1890. fill: var(--mdc-theme-error, #b00020);
  1891. }
  1892. .mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-select__dropdown-icon {
  1893. fill: #b00020;
  1894. /* @alternate */
  1895. fill: var(--mdc-theme-error, #b00020);
  1896. }
  1897. .mdc-select__selected-text-container {
  1898. height: 28px;
  1899. }
  1900. /*# sourceMappingURL=mdc.select.css.map*/