/** * @license * Copyright Google LLC All Rights Reserved. * * Use of this source code is governed by an MIT-style license that can be * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE */ .mdc-floating-label { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 1rem; font-weight: 400; letter-spacing: 0.009375em; text-decoration: inherit; text-transform: inherit; position: absolute; /* @noflip */ left: 0; /* @noflip */ -webkit-transform-origin: left top; transform-origin: left top; line-height: 1.15rem; text-align: left; text-overflow: ellipsis; white-space: nowrap; cursor: text; overflow: hidden; /* @alternate */ will-change: transform; transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1); 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); } [dir=rtl] .mdc-floating-label, .mdc-floating-label[dir=rtl] { /* @noflip */ right: 0; /* @noflip */ left: auto; /* @noflip */ -webkit-transform-origin: right top; transform-origin: right top; /* @noflip */ text-align: right; } .mdc-floating-label--float-above { cursor: auto; } .mdc-floating-label--float-above { -webkit-transform: translateY(-106%) scale(0.75); transform: translateY(-106%) scale(0.75); } .mdc-floating-label--shake { -webkit-animation: mdc-floating-label-shake-float-above-standard 250ms 1; animation: mdc-floating-label-shake-float-above-standard 250ms 1; } @-webkit-keyframes mdc-floating-label-shake-float-above-standard { 0% { -webkit-transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75); transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75); } 33% { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); -webkit-transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75); transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75); } 66% { -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); -webkit-transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75); transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75); } 100% { -webkit-transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75); transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75); } } @keyframes mdc-floating-label-shake-float-above-standard { 0% { -webkit-transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75); transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75); } 33% { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); -webkit-transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75); transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75); } 66% { -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); -webkit-transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75); transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75); } 100% { -webkit-transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75); transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75); } } .mdc-line-ripple { position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; -webkit-transform: scaleX(0); transform: scaleX(0); opacity: 0; z-index: 2; transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1); 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); } .mdc-line-ripple--active { -webkit-transform: scaleX(1); transform: scaleX(1); opacity: 1; } .mdc-line-ripple--deactivating { opacity: 0; } .mdc-notched-outline { display: flex; position: absolute; right: 0; left: 0; box-sizing: border-box; width: 100%; max-width: 100%; height: 100%; /* @noflip */ text-align: left; pointer-events: none; } [dir=rtl] .mdc-notched-outline, .mdc-notched-outline[dir=rtl] { /* @noflip */ text-align: right; } .mdc-notched-outline__leading, .mdc-notched-outline__notch, .mdc-notched-outline__trailing { box-sizing: border-box; height: 100%; border-top: 1px solid; border-bottom: 1px solid; pointer-events: none; } .mdc-notched-outline__leading { /* @noflip */ border-left: 1px solid; /* @noflip */ border-right: none; width: 12px; } [dir=rtl] .mdc-notched-outline__leading, .mdc-notched-outline__leading[dir=rtl] { /* @noflip */ border-left: none; /* @noflip */ border-right: 1px solid; } .mdc-notched-outline__trailing { /* @noflip */ border-left: none; /* @noflip */ border-right: 1px solid; flex-grow: 1; } [dir=rtl] .mdc-notched-outline__trailing, .mdc-notched-outline__trailing[dir=rtl] { /* @noflip */ border-left: 1px solid; /* @noflip */ border-right: none; } .mdc-notched-outline__notch { flex: 0 0 auto; width: auto; max-width: calc(100% - 12px * 2); } .mdc-notched-outline .mdc-floating-label { display: inline-block; position: relative; max-width: 100%; } .mdc-notched-outline .mdc-floating-label--float-above { text-overflow: clip; } .mdc-notched-outline--upgraded .mdc-floating-label--float-above { max-width: calc(100% / .75); } .mdc-notched-outline--notched .mdc-notched-outline__notch { /* @noflip */ padding-left: 0; /* @noflip */ padding-right: 8px; border-top: none; } [dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch, .mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl] { /* @noflip */ padding-left: 8px; /* @noflip */ padding-right: 0; } .mdc-notched-outline--no-label .mdc-notched-outline__notch { padding: 0; } @-webkit-keyframes mdc-ripple-fg-radius-in { from { -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1); transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1); } to { -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } } @keyframes mdc-ripple-fg-radius-in { from { -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1); transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1); } to { -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } } @-webkit-keyframes mdc-ripple-fg-opacity-in { from { -webkit-animation-timing-function: linear; animation-timing-function: linear; opacity: 0; } to { opacity: var(--mdc-ripple-fg-opacity, 0); } } @keyframes mdc-ripple-fg-opacity-in { from { -webkit-animation-timing-function: linear; animation-timing-function: linear; opacity: 0; } to { opacity: var(--mdc-ripple-fg-opacity, 0); } } @-webkit-keyframes mdc-ripple-fg-opacity-out { from { -webkit-animation-timing-function: linear; animation-timing-function: linear; opacity: var(--mdc-ripple-fg-opacity, 0); } to { opacity: 0; } } @keyframes mdc-ripple-fg-opacity-out { from { -webkit-animation-timing-function: linear; animation-timing-function: linear; opacity: var(--mdc-ripple-fg-opacity, 0); } to { opacity: 0; } } .mdc-text-field-helper-text { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 0.75rem; line-height: 1.25rem; font-weight: 400; letter-spacing: 0.0333333333em; text-decoration: inherit; text-transform: inherit; display: block; margin-top: 0; /* @alternate */ line-height: normal; margin: 0; transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1); opacity: 0; will-change: opacity; } .mdc-text-field-helper-text::before { display: inline-block; width: 0; height: 16px; content: ""; vertical-align: 0; } .mdc-text-field-helper-text--persistent { transition: none; opacity: 1; will-change: initial; } .mdc-text-field-character-counter { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 0.75rem; line-height: 1.25rem; font-weight: 400; letter-spacing: 0.0333333333em; text-decoration: inherit; text-transform: inherit; display: block; margin-top: 0; /* @alternate */ line-height: normal; /* @noflip */ margin-left: auto; /* @noflip */ margin-right: 0; /* @noflip */ padding-left: 16px; /* @noflip */ padding-right: 0; white-space: nowrap; } .mdc-text-field-character-counter::before { display: inline-block; width: 0; height: 16px; content: ""; vertical-align: 0; } [dir=rtl] .mdc-text-field-character-counter, .mdc-text-field-character-counter[dir=rtl] { /* @noflip */ margin-left: 0; /* @noflip */ margin-right: auto; } [dir=rtl] .mdc-text-field-character-counter, .mdc-text-field-character-counter[dir=rtl] { /* @noflip */ padding-left: 0; /* @noflip */ padding-right: 16px; } .mdc-text-field__icon { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; } .mdc-text-field__icon:not([tabindex]), .mdc-text-field__icon[tabindex="-1"] { cursor: default; pointer-events: none; } .mdc-text-field { --mdc-ripple-fg-size: 0; --mdc-ripple-left: 0; --mdc-ripple-top: 0; --mdc-ripple-fg-scale: 1; --mdc-ripple-fg-translate-end: 0; --mdc-ripple-fg-translate-start: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); height: 56px; border-radius: 4px 4px 0 0; display: inline-flex; position: relative; box-sizing: border-box; overflow: hidden; /* @alternate */ will-change: opacity, transform, color; } .mdc-text-field::before, .mdc-text-field::after { position: absolute; border-radius: 50%; opacity: 0; pointer-events: none; content: ""; } .mdc-text-field::before { transition: opacity 15ms linear, background-color 15ms linear; z-index: 1; } .mdc-text-field.mdc-ripple-upgraded::before { -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); transform: scale(var(--mdc-ripple-fg-scale, 1)); } .mdc-text-field.mdc-ripple-upgraded::after { top: 0; /* @noflip */ left: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: center center; transform-origin: center center; } .mdc-text-field.mdc-ripple-upgraded--unbounded::after { top: var(--mdc-ripple-top, 0); /* @noflip */ left: var(--mdc-ripple-left, 0); } .mdc-text-field.mdc-ripple-upgraded--foreground-activation::after { -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; } .mdc-text-field.mdc-ripple-upgraded--foreground-deactivation::after { -webkit-animation: mdc-ripple-fg-opacity-out 150ms; animation: mdc-ripple-fg-opacity-out 150ms; -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } .mdc-text-field::before, .mdc-text-field::after { background-color: rgba(0, 0, 0, 0.87); } .mdc-text-field:hover::before { opacity: 0.04; } .mdc-text-field.mdc-ripple-upgraded--background-focused::before, .mdc-text-field:not(.mdc-ripple-upgraded):focus::before { transition-duration: 75ms; opacity: 0.12; } .mdc-text-field::before, .mdc-text-field::after { top: calc(50% - 100%); /* @noflip */ left: calc(50% - 100%); width: 200%; height: 200%; } .mdc-text-field.mdc-ripple-upgraded::after { width: var(--mdc-ripple-fg-size, 100%); height: var(--mdc-ripple-fg-size, 100%); } .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label { color: rgba(0, 0, 0, 0.6); } .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input { color: rgba(0, 0, 0, 0.87); } @media all { .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.54); } .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.54); } .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder { color: rgba(0, 0, 0, 0.54); } .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder { color: rgba(0, 0, 0, 0.54); } } @media all { .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.54); } } .mdc-text-field .mdc-text-field__input { caret-color: #6200ee; /* @alternate */ caret-color: var(--mdc-theme-primary, #6200ee); } .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input { border-bottom-color: rgba(0, 0, 0, 0.42); } .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:hover { border-bottom-color: rgba(0, 0, 0, 0.87); } .mdc-text-field .mdc-line-ripple { background-color: #6200ee; /* @alternate */ background-color: var(--mdc-theme-primary, #6200ee); } .mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-line .mdc-text-field-helper-text { color: rgba(0, 0, 0, 0.6); } .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter, .mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-line .mdc-text-field-character-counter { color: rgba(0, 0, 0, 0.6); } .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--leading { color: rgba(0, 0, 0, 0.54); } .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing { color: rgba(0, 0, 0, 0.54); } .mdc-text-field:not(.mdc-text-field--disabled) { background-color: whitesmoke; } .mdc-text-field .mdc-floating-label { /* @noflip */ left: 16px; /* @noflip */ right: initial; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; } [dir=rtl] .mdc-text-field .mdc-floating-label, .mdc-text-field .mdc-floating-label[dir=rtl] { /* @noflip */ left: initial; /* @noflip */ right: 16px; } .mdc-text-field .mdc-floating-label--float-above { -webkit-transform: translateY(-106%) scale(0.75); transform: translateY(-106%) scale(0.75); } .mdc-text-field--textarea .mdc-floating-label { /* @noflip */ left: 4px; /* @noflip */ right: initial; } [dir=rtl] .mdc-text-field--textarea .mdc-floating-label, .mdc-text-field--textarea .mdc-floating-label[dir=rtl] { /* @noflip */ left: initial; /* @noflip */ right: 4px; } .mdc-text-field--outlined .mdc-floating-label { /* @noflip */ left: 4px; /* @noflip */ right: initial; } [dir=rtl] .mdc-text-field--outlined .mdc-floating-label, .mdc-text-field--outlined .mdc-floating-label[dir=rtl] { /* @noflip */ left: initial; /* @noflip */ right: 4px; } .mdc-text-field--outlined--with-leading-icon .mdc-floating-label { /* @noflip */ left: 36px; /* @noflip */ right: initial; } [dir=rtl] .mdc-text-field--outlined--with-leading-icon .mdc-floating-label, .mdc-text-field--outlined--with-leading-icon .mdc-floating-label[dir=rtl] { /* @noflip */ left: initial; /* @noflip */ right: 36px; } .mdc-text-field--outlined--with-leading-icon .mdc-floating-label--float-above { /* @noflip */ left: 40px; /* @noflip */ right: initial; } [dir=rtl] .mdc-text-field--outlined--with-leading-icon .mdc-floating-label--float-above, .mdc-text-field--outlined--with-leading-icon .mdc-floating-label--float-above[dir=rtl] { /* @noflip */ left: initial; /* @noflip */ right: 40px; } .mdc-text-field__input { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 1rem; font-weight: 400; letter-spacing: 0.009375em; text-decoration: inherit; text-transform: inherit; align-self: flex-end; box-sizing: border-box; width: 100%; height: 100%; padding: 20px 16px 6px; transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1); border: none; border-bottom: 1px solid; border-radius: 0; background: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .mdc-text-field__input::-webkit-input-placeholder { transition: opacity 67ms cubic-bezier(0.4, 0, 0.2, 1); opacity: 0; } .mdc-text-field__input:-ms-input-placeholder { transition: opacity 67ms cubic-bezier(0.4, 0, 0.2, 1); opacity: 0; } .mdc-text-field__input::-ms-input-placeholder { transition: opacity 67ms cubic-bezier(0.4, 0, 0.2, 1); opacity: 0; } .mdc-text-field__input::placeholder { transition: opacity 67ms cubic-bezier(0.4, 0, 0.2, 1); opacity: 0; } .mdc-text-field--fullwidth .mdc-text-field__input::-webkit-input-placeholder, .mdc-text-field--no-label .mdc-text-field__input::-webkit-input-placeholder, .mdc-text-field--focused .mdc-text-field__input::-webkit-input-placeholder { transition-delay: 40ms; transition-duration: 110ms; opacity: 1; } .mdc-text-field--fullwidth .mdc-text-field__input:-ms-input-placeholder, .mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder, .mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder { transition-delay: 40ms; transition-duration: 110ms; opacity: 1; } .mdc-text-field--fullwidth .mdc-text-field__input::-ms-input-placeholder, .mdc-text-field--no-label .mdc-text-field__input::-ms-input-placeholder, .mdc-text-field--focused .mdc-text-field__input::-ms-input-placeholder { transition-delay: 40ms; transition-duration: 110ms; opacity: 1; } .mdc-text-field--fullwidth .mdc-text-field__input::placeholder, .mdc-text-field--no-label .mdc-text-field__input::placeholder, .mdc-text-field--focused .mdc-text-field__input::placeholder { transition-delay: 40ms; transition-duration: 110ms; opacity: 1; } .mdc-text-field__input:focus { outline: none; } .mdc-text-field__input:invalid { box-shadow: none; } .mdc-text-field__input:-webkit-autofill { z-index: auto !important; } .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input { padding-top: 16px; padding-bottom: 16px; } .mdc-text-field__input:-webkit-autofill + .mdc-floating-label { -webkit-transform: translateY(-50%) scale(0.75); transform: translateY(-50%) scale(0.75); cursor: auto; } .mdc-text-field--outlined { border: none; overflow: visible; } .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing { border-color: rgba(0, 0, 0, 0.38); } .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing { border-color: rgba(0, 0, 0, 0.87); } .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading, .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch, .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing { border-color: #6200ee; /* @alternate */ border-color: var(--mdc-theme-primary, #6200ee); } .mdc-text-field--outlined .mdc-floating-label--shake { -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1; animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1; } .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading { /* @noflip */ border-radius: 4px 0 0 4px; } [dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl] { /* @noflip */ border-radius: 0 4px 4px 0; } .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing { /* @noflip */ border-radius: 0 4px 4px 0; } [dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl] { /* @noflip */ border-radius: 4px 0 0 4px; } .mdc-text-field--outlined .mdc-floating-label--float-above { -webkit-transform: translateY(-37.25px) scale(1); transform: translateY(-37.25px) scale(1); } .mdc-text-field--outlined .mdc-floating-label--float-above { font-size: 0.75rem; } .mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { -webkit-transform: translateY(-34.75px) scale(0.75); transform: translateY(-34.75px) scale(0.75); } .mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { font-size: 1rem; } .mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch { padding-top: 1px; } .mdc-text-field--outlined::before, .mdc-text-field--outlined::after { content: none; } .mdc-text-field--outlined:not(.mdc-text-field--disabled) { background-color: transparent; } .mdc-text-field--outlined .mdc-text-field__input { display: flex; padding: 12px 16px 14px; border: none !important; background-color: transparent; z-index: 1; } .mdc-text-field--outlined .mdc-text-field__icon { z-index: 2; } .mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline--notched .mdc-notched-outline__notch { padding-top: 2px; } .mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__leading, .mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__notch, .mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__trailing { border-width: 2px; } .mdc-text-field--outlined.mdc-text-field--disabled { background-color: transparent; } .mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__leading, .mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__notch, .mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__trailing { border-color: rgba(0, 0, 0, 0.06); } .mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input { border-bottom: none; } .mdc-text-field--outlined.mdc-text-field--dense { height: 48px; } .mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above { -webkit-transform: translateY(-134%) scale(1); transform: translateY(-134%) scale(1); } .mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above { font-size: 0.8rem; } .mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above { -webkit-transform: translateY(-120%) scale(0.8); transform: translateY(-120%) scale(0.8); } .mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above { font-size: 1rem; } .mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake { -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-dense 250ms 1; animation: mdc-floating-label-shake-float-above-text-field-outlined-dense 250ms 1; } .mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__input { padding: 12px 12px 7px; } .mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label { top: 14px; } .mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__icon { top: 12px; } .mdc-text-field--with-leading-icon .mdc-text-field__icon--leading { /* @noflip */ left: 16px; /* @noflip */ right: initial; } [dir=rtl] .mdc-text-field--with-leading-icon .mdc-text-field__icon--leading, .mdc-text-field--with-leading-icon .mdc-text-field__icon--leading[dir=rtl] { /* @noflip */ left: initial; /* @noflip */ right: 16px; } .mdc-text-field--with-leading-icon .mdc-text-field__input { /* @noflip */ padding-left: 48px; /* @noflip */ padding-right: 16px; } [dir=rtl] .mdc-text-field--with-leading-icon .mdc-text-field__input, .mdc-text-field--with-leading-icon .mdc-text-field__input[dir=rtl] { /* @noflip */ padding-left: 16px; /* @noflip */ padding-right: 48px; } .mdc-text-field--with-leading-icon .mdc-floating-label { /* @noflip */ left: 48px; /* @noflip */ right: initial; } [dir=rtl] .mdc-text-field--with-leading-icon .mdc-floating-label, .mdc-text-field--with-leading-icon .mdc-floating-label[dir=rtl] { /* @noflip */ left: initial; /* @noflip */ right: 48px; } .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__icon--leading { /* @noflip */ left: 16px; /* @noflip */ right: initial; } [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__icon--leading, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__icon--leading[dir=rtl] { /* @noflip */ left: initial; /* @noflip */ right: 16px; } .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above { -webkit-transform: translateY(-37.25px) translateX(-32px) scale(1); transform: translateY(-37.25px) translateX(-32px) scale(1); } [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above[dir=rtl] { -webkit-transform: translateY(-37.25px) translateX(32px) scale(1); transform: translateY(-37.25px) translateX(32px) scale(1); } .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above { font-size: 0.75rem; } .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { -webkit-transform: translateY(-34.75px) translateX(-32px) scale(0.75); transform: translateY(-34.75px) translateX(-32px) scale(0.75); } [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl], [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl] { -webkit-transform: translateY(-34.75px) translateX(32px) scale(0.75); transform: translateY(-34.75px) translateX(32px) scale(0.75); } .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { font-size: 1rem; } .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake { -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1; animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1; } [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake, .mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl] .mdc-floating-label--shake { -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl 250ms 1; animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl 250ms 1; } .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label { /* @noflip */ left: 36px; /* @noflip */ right: initial; } [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label[dir=rtl] { /* @noflip */ left: initial; /* @noflip */ right: 36px; } .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above { -webkit-transform: translateY(-134%) translateX(-21px) scale(1); transform: translateY(-134%) translateX(-21px) scale(1); } [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above[dir=rtl] { -webkit-transform: translateY(-134%) translateX(21px) scale(1); transform: translateY(-134%) translateX(21px) scale(1); } .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above { font-size: 0.8rem; } .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above { -webkit-transform: translateY(-120%) translateX(-21px) scale(0.8); transform: translateY(-120%) translateX(-21px) scale(0.8); } [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl], [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl] { -webkit-transform: translateY(-120%) translateX(21px) scale(0.8); transform: translateY(-120%) translateX(21px) scale(0.8); } .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above { font-size: 1rem; } .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake { -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense 250ms 1; animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense 250ms 1; } [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense[dir=rtl] .mdc-floating-label--shake { -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl 250ms 1; animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl 250ms 1; } .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label { /* @noflip */ left: 32px; /* @noflip */ right: initial; } [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label[dir=rtl] { /* @noflip */ left: initial; /* @noflip */ right: 32px; } .mdc-text-field--with-trailing-icon .mdc-text-field__icon--trailing { /* @noflip */ left: initial; /* @noflip */ right: 12px; } [dir=rtl] .mdc-text-field--with-trailing-icon .mdc-text-field__icon--trailing, .mdc-text-field--with-trailing-icon .mdc-text-field__icon--trailing[dir=rtl] { /* @noflip */ left: 12px; /* @noflip */ right: initial; } .mdc-text-field--with-trailing-icon .mdc-text-field__input { /* @noflip */ padding-left: 16px; /* @noflip */ padding-right: 48px; } [dir=rtl] .mdc-text-field--with-trailing-icon .mdc-text-field__input, .mdc-text-field--with-trailing-icon .mdc-text-field__input[dir=rtl] { /* @noflip */ padding-left: 48px; /* @noflip */ padding-right: 16px; } .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__icon--trailing { /* @noflip */ left: initial; /* @noflip */ right: 16px; } [dir=rtl] .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__icon--trailing, .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__icon--trailing[dir=rtl] { /* @noflip */ left: 16px; /* @noflip */ right: initial; } .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon--leading { /* @noflip */ left: 16px; /* @noflip */ right: initial; } [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon--leading, .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon--leading[dir=rtl] { /* @noflip */ left: initial; /* @noflip */ right: 16px; } .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon--trailing { /* @noflip */ left: initial; /* @noflip */ right: 12px; } [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon--trailing, .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon--trailing[dir=rtl] { /* @noflip */ left: 12px; /* @noflip */ right: initial; } .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__input { padding-right: 48px; padding-left: 48px; } .mdc-text-field--dense .mdc-text-field__icon { bottom: 16px; -webkit-transform: scale(0.8); transform: scale(0.8); } .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon--leading { /* @noflip */ left: 12px; /* @noflip */ right: initial; } [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon--leading, .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon--leading[dir=rtl] { /* @noflip */ left: initial; /* @noflip */ right: 12px; } .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input { /* @noflip */ padding-left: 44px; /* @noflip */ padding-right: 16px; } [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input, .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input[dir=rtl] { /* @noflip */ padding-left: 16px; /* @noflip */ padding-right: 44px; } .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label { /* @noflip */ left: 44px; /* @noflip */ right: initial; } [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label, .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label[dir=rtl] { /* @noflip */ left: initial; /* @noflip */ right: 44px; } .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon--trailing { /* @noflip */ left: initial; /* @noflip */ right: 12px; } [dir=rtl] .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon--trailing, .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon--trailing[dir=rtl] { /* @noflip */ left: 12px; /* @noflip */ right: initial; } .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input { /* @noflip */ padding-left: 16px; /* @noflip */ padding-right: 44px; } [dir=rtl] .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input, .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input[dir=rtl] { /* @noflip */ padding-left: 44px; /* @noflip */ padding-right: 16px; } .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon--leading { /* @noflip */ left: 12px; /* @noflip */ right: initial; } [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon--leading, .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon--leading[dir=rtl] { /* @noflip */ left: initial; /* @noflip */ right: 12px; } .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon--trailing { /* @noflip */ left: initial; /* @noflip */ right: 12px; } [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon--trailing, .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon--trailing[dir=rtl] { /* @noflip */ left: 12px; /* @noflip */ right: initial; } .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input { padding-right: 44px; padding-left: 44px; } .mdc-text-field--dense .mdc-floating-label--float-above { -webkit-transform: translateY(-70%) scale(0.8); transform: translateY(-70%) scale(0.8); } .mdc-text-field--dense .mdc-floating-label--shake { -webkit-animation: mdc-floating-label-shake-float-above-text-field-dense 250ms 1; animation: mdc-floating-label-shake-float-above-text-field-dense 250ms 1; } .mdc-text-field--dense .mdc-text-field__input { padding: 12px 12px 0; } .mdc-text-field--dense .mdc-floating-label { font-size: 0.813rem; } .mdc-text-field--dense .mdc-floating-label--float-above { font-size: 0.813rem; } .mdc-text-field__input:required ~ .mdc-floating-label::after, .mdc-text-field__input:required ~ .mdc-notched-outline .mdc-floating-label::after { margin-left: 1px; content: "*"; } .mdc-text-field--textarea { display: inline-flex; width: auto; height: auto; transition: none; overflow: visible; } .mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, .mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, .mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing { border-color: rgba(0, 0, 0, 0.38); } .mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, .mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, .mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing { border-color: rgba(0, 0, 0, 0.87); } .mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading, .mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch, .mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing { border-color: #6200ee; /* @alternate */ border-color: var(--mdc-theme-primary, #6200ee); } .mdc-text-field--textarea .mdc-floating-label--shake { -webkit-animation: mdc-floating-label-shake-float-above-textarea 250ms 1; animation: mdc-floating-label-shake-float-above-textarea 250ms 1; } .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__leading { /* @noflip */ border-radius: 4px 0 0 4px; } [dir=rtl] .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl] { /* @noflip */ border-radius: 0 4px 4px 0; } .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__trailing { /* @noflip */ border-radius: 0 4px 4px 0; } [dir=rtl] .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl] { /* @noflip */ border-radius: 4px 0 0 4px; } .mdc-text-field--textarea::before, .mdc-text-field--textarea::after { content: none; } .mdc-text-field--textarea:not(.mdc-text-field--disabled) { background-color: transparent; } .mdc-text-field--textarea .mdc-floating-label--float-above { -webkit-transform: translateY(-144%) scale(1); transform: translateY(-144%) scale(1); } .mdc-text-field--textarea .mdc-floating-label--float-above { font-size: 0.75rem; } .mdc-text-field--textarea.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--textarea .mdc-notched-outline--upgraded .mdc-floating-label--float-above { -webkit-transform: translateY(-130%) scale(0.75); transform: translateY(-130%) scale(0.75); } .mdc-text-field--textarea.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--textarea .mdc-notched-outline--upgraded .mdc-floating-label--float-above { font-size: 1rem; } .mdc-text-field--textarea .mdc-text-field-character-counter { /* @noflip */ left: initial; /* @noflip */ right: 16px; position: absolute; bottom: 13px; } [dir=rtl] .mdc-text-field--textarea .mdc-text-field-character-counter, .mdc-text-field--textarea .mdc-text-field-character-counter[dir=rtl] { /* @noflip */ left: 16px; /* @noflip */ right: initial; } .mdc-text-field--textarea .mdc-text-field__input { align-self: auto; box-sizing: border-box; height: auto; margin: 8px 1px 1px 0; padding: 0 16px 16px; border: none; line-height: 1.75rem; } .mdc-text-field--textarea .mdc-text-field-character-counter + .mdc-text-field__input { margin-bottom: 28px; padding-bottom: 0; } .mdc-text-field--textarea .mdc-floating-label { top: 17px; width: auto; pointer-events: none; } .mdc-text-field--textarea .mdc-floating-label:not(.mdc-floating-label--float-above) { -webkit-transform: none; transform: none; } .mdc-text-field--textarea.mdc-text-field--focused .mdc-notched-outline__leading, .mdc-text-field--textarea.mdc-text-field--focused .mdc-notched-outline__notch, .mdc-text-field--textarea.mdc-text-field--focused .mdc-notched-outline__trailing { border-width: 2px; } .mdc-text-field--fullwidth { width: 100%; } .mdc-text-field--fullwidth:not(.mdc-text-field--disabled) .mdc-text-field__input { border-bottom-color: rgba(0, 0, 0, 0.42); } .mdc-text-field--fullwidth.mdc-text-field--disabled .mdc-text-field__input { border-bottom-color: rgba(0, 0, 0, 0.42); } .mdc-text-field--fullwidth:not(.mdc-text-field--textarea) { display: block; } .mdc-text-field--fullwidth:not(.mdc-text-field--textarea)::before, .mdc-text-field--fullwidth:not(.mdc-text-field--textarea)::after { content: none; } .mdc-text-field--fullwidth:not(.mdc-text-field--textarea):not(.mdc-text-field--disabled) { background-color: transparent; } .mdc-text-field--fullwidth:not(.mdc-text-field--textarea) .mdc-text-field__input { padding: 0; } .mdc-text-field--fullwidth.mdc-text-field--textarea .mdc-text-field__input { resize: vertical; } .mdc-text-field--fullwidth.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input { border-bottom-color: #b00020; /* @alternate */ border-bottom-color: var(--mdc-theme-error, #b00020); } .mdc-text-field-helper-line { display: flex; justify-content: space-between; box-sizing: border-box; } .mdc-text-field--dense + .mdc-text-field-helper-line { margin-bottom: 4px; } .mdc-text-field + .mdc-text-field-helper-line { padding-right: 16px; padding-left: 16px; } .mdc-form-field > .mdc-text-field + label { align-self: flex-start; } .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label { color: rgba(98, 0, 238, 0.87); } .mdc-text-field--focused + .mdc-text-field-helper-line .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg) { opacity: 1; } .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input { border-bottom-color: #b00020; /* @alternate */ border-bottom-color: var(--mdc-theme-error, #b00020); } .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input:hover { border-bottom-color: #b00020; /* @alternate */ border-bottom-color: var(--mdc-theme-error, #b00020); } .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple { background-color: #b00020; /* @alternate */ background-color: var(--mdc-theme-error, #b00020); } .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label { color: #b00020; /* @alternate */ color: var(--mdc-theme-error, #b00020); } .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid + .mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg { color: #b00020; /* @alternate */ color: var(--mdc-theme-error, #b00020); } .mdc-text-field--invalid .mdc-text-field__input { caret-color: #b00020; /* @alternate */ caret-color: var(--mdc-theme-error, #b00020); } .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing { color: #b00020; /* @alternate */ color: var(--mdc-theme-error, #b00020); } .mdc-text-field--invalid + .mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg { opacity: 1; } .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing { border-color: #b00020; /* @alternate */ border-color: var(--mdc-theme-error, #b00020); } .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing { border-color: #b00020; /* @alternate */ border-color: var(--mdc-theme-error, #b00020); } .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading, .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch, .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing { border-color: #b00020; /* @alternate */ border-color: var(--mdc-theme-error, #b00020); } .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing { border-color: #b00020; /* @alternate */ border-color: var(--mdc-theme-error, #b00020); } .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing { border-color: #b00020; /* @alternate */ border-color: var(--mdc-theme-error, #b00020); } .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading, .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch, .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing { border-color: #b00020; /* @alternate */ border-color: var(--mdc-theme-error, #b00020); } .mdc-text-field--disabled { background-color: #fafafa; border-bottom: none; pointer-events: none; } .mdc-text-field--disabled .mdc-text-field__input { border-bottom-color: rgba(0, 0, 0, 0.06); } .mdc-text-field--disabled .mdc-text-field__input { color: rgba(0, 0, 0, 0.38); } @media all { .mdc-text-field--disabled .mdc-text-field__input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.38); } .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.38); } .mdc-text-field--disabled .mdc-text-field__input::-ms-input-placeholder { color: rgba(0, 0, 0, 0.38); } .mdc-text-field--disabled .mdc-text-field__input::placeholder { color: rgba(0, 0, 0, 0.38); } } @media all { .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.38); } } .mdc-text-field--disabled .mdc-floating-label { color: rgba(0, 0, 0, 0.38); } .mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-helper-text { color: rgba(0, 0, 0, 0.38); } .mdc-text-field--disabled .mdc-text-field-character-counter, .mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-character-counter { color: rgba(0, 0, 0, 0.38); } .mdc-text-field--disabled .mdc-text-field__icon--leading { color: rgba(0, 0, 0, 0.3); } .mdc-text-field--disabled .mdc-text-field__icon--trailing { color: rgba(0, 0, 0, 0.3); } .mdc-text-field--disabled .mdc-floating-label { cursor: default; } .mdc-text-field--textarea.mdc-text-field--disabled { background-color: transparent; /* @alternate */ background-color: #f9f9f9; } .mdc-text-field--textarea.mdc-text-field--disabled .mdc-notched-outline__leading, .mdc-text-field--textarea.mdc-text-field--disabled .mdc-notched-outline__notch, .mdc-text-field--textarea.mdc-text-field--disabled .mdc-notched-outline__trailing { border-color: rgba(0, 0, 0, 0.06); } .mdc-text-field--textarea.mdc-text-field--disabled .mdc-text-field__input { border-bottom: none; } .mdc-text-field--end-aligned .mdc-text-field__input { /* @noflip */ text-align: right; } [dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__input, .mdc-text-field--end-aligned .mdc-text-field__input[dir=rtl] { /* @noflip */ text-align: left; } @-webkit-keyframes mdc-floating-label-shake-float-above-text-field-dense { 0% { -webkit-transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.8); transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.8); } 33% { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); -webkit-transform: translateX(calc(4% - 0%)) translateY(-70%) scale(0.8); transform: translateX(calc(4% - 0%)) translateY(-70%) scale(0.8); } 66% { -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); -webkit-transform: translateX(calc(-4% - 0%)) translateY(-70%) scale(0.8); transform: translateX(calc(-4% - 0%)) translateY(-70%) scale(0.8); } 100% { -webkit-transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.8); transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.8); } } @keyframes mdc-floating-label-shake-float-above-text-field-dense { 0% { -webkit-transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.8); transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.8); } 33% { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); -webkit-transform: translateX(calc(4% - 0%)) translateY(-70%) scale(0.8); transform: translateX(calc(4% - 0%)) translateY(-70%) scale(0.8); } 66% { -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); -webkit-transform: translateX(calc(-4% - 0%)) translateY(-70%) scale(0.8); transform: translateX(calc(-4% - 0%)) translateY(-70%) scale(0.8); } 100% { -webkit-transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.8); transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.8); } } @-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined { 0% { -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75); transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75); } 33% { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); -webkit-transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75); transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75); } 66% { -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); -webkit-transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75); transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75); } 100% { -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75); transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75); } } @keyframes mdc-floating-label-shake-float-above-text-field-outlined { 0% { -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75); transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75); } 33% { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); -webkit-transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75); transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75); } 66% { -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); -webkit-transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75); transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75); } 100% { -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75); transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75); } } @-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-dense { 0% { -webkit-transform: translateX(calc(0 - 0%)) translateY(-120%) scale(0.8); transform: translateX(calc(0 - 0%)) translateY(-120%) scale(0.8); } 33% { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); -webkit-transform: translateX(calc(4% - 0%)) translateY(-120%) scale(0.8); transform: translateX(calc(4% - 0%)) translateY(-120%) scale(0.8); } 66% { -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); -webkit-transform: translateX(calc(-4% - 0%)) translateY(-120%) scale(0.8); transform: translateX(calc(-4% - 0%)) translateY(-120%) scale(0.8); } 100% { -webkit-transform: translateX(calc(0 - 0%)) translateY(-120%) scale(0.8); transform: translateX(calc(0 - 0%)) translateY(-120%) scale(0.8); } } @keyframes mdc-floating-label-shake-float-above-text-field-outlined-dense { 0% { -webkit-transform: translateX(calc(0 - 0%)) translateY(-120%) scale(0.8); transform: translateX(calc(0 - 0%)) translateY(-120%) scale(0.8); } 33% { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); -webkit-transform: translateX(calc(4% - 0%)) translateY(-120%) scale(0.8); transform: translateX(calc(4% - 0%)) translateY(-120%) scale(0.8); } 66% { -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); -webkit-transform: translateX(calc(-4% - 0%)) translateY(-120%) scale(0.8); transform: translateX(calc(-4% - 0%)) translateY(-120%) scale(0.8); } 100% { -webkit-transform: translateX(calc(0 - 0%)) translateY(-120%) scale(0.8); transform: translateX(calc(0 - 0%)) translateY(-120%) scale(0.8); } } @-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon { 0% { -webkit-transform: translateX(calc(0 - 0)) translateY(-34.75px) scale(0.75); transform: translateX(calc(0 - 0)) translateY(-34.75px) scale(0.75); } 33% { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); -webkit-transform: translateX(calc(4% - 0)) translateY(-34.75px) scale(0.75); transform: translateX(calc(4% - 0)) translateY(-34.75px) scale(0.75); } 66% { -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); -webkit-transform: translateX(calc(-4% - 0)) translateY(-34.75px) scale(0.75); transform: translateX(calc(-4% - 0)) translateY(-34.75px) scale(0.75); } 100% { -webkit-transform: translateX(calc(0 - 0)) translateY(-34.75px) scale(0.75); transform: translateX(calc(0 - 0)) translateY(-34.75px) scale(0.75); } } @keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon { 0% { -webkit-transform: translateX(calc(0 - 0)) translateY(-34.75px) scale(0.75); transform: translateX(calc(0 - 0)) translateY(-34.75px) scale(0.75); } 33% { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); -webkit-transform: translateX(calc(4% - 0)) translateY(-34.75px) scale(0.75); transform: translateX(calc(4% - 0)) translateY(-34.75px) scale(0.75); } 66% { -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); -webkit-transform: translateX(calc(-4% - 0)) translateY(-34.75px) scale(0.75); transform: translateX(calc(-4% - 0)) translateY(-34.75px) scale(0.75); } 100% { -webkit-transform: translateX(calc(0 - 0)) translateY(-34.75px) scale(0.75); transform: translateX(calc(0 - 0)) translateY(-34.75px) scale(0.75); } } @-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense { 0% { -webkit-transform: translateX(calc(0 - 21px)) translateY(-120%) scale(0.8); transform: translateX(calc(0 - 21px)) translateY(-120%) scale(0.8); } 33% { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); -webkit-transform: translateX(calc(4% - 21px)) translateY(-120%) scale(0.8); transform: translateX(calc(4% - 21px)) translateY(-120%) scale(0.8); } 66% { -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); -webkit-transform: translateX(calc(-4% - 21px)) translateY(-120%) scale(0.8); transform: translateX(calc(-4% - 21px)) translateY(-120%) scale(0.8); } 100% { -webkit-transform: translateX(calc(0 - 21px)) translateY(-120%) scale(0.8); transform: translateX(calc(0 - 21px)) translateY(-120%) scale(0.8); } } @keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense { 0% { -webkit-transform: translateX(calc(0 - 21px)) translateY(-120%) scale(0.8); transform: translateX(calc(0 - 21px)) translateY(-120%) scale(0.8); } 33% { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); -webkit-transform: translateX(calc(4% - 21px)) translateY(-120%) scale(0.8); transform: translateX(calc(4% - 21px)) translateY(-120%) scale(0.8); } 66% { -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); -webkit-transform: translateX(calc(-4% - 21px)) translateY(-120%) scale(0.8); transform: translateX(calc(-4% - 21px)) translateY(-120%) scale(0.8); } 100% { -webkit-transform: translateX(calc(0 - 21px)) translateY(-120%) scale(0.8); transform: translateX(calc(0 - 21px)) translateY(-120%) scale(0.8); } } @-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl { 0% { -webkit-transform: translateX(calc(0 - 0)) translateY(-34.75px) scale(0.75); transform: translateX(calc(0 - 0)) translateY(-34.75px) scale(0.75); } 33% { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); -webkit-transform: translateX(calc(4% - 0)) translateY(-34.75px) scale(0.75); transform: translateX(calc(4% - 0)) translateY(-34.75px) scale(0.75); } 66% { -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); -webkit-transform: translateX(calc(-4% - 0)) translateY(-34.75px) scale(0.75); transform: translateX(calc(-4% - 0)) translateY(-34.75px) scale(0.75); } 100% { -webkit-transform: translateX(calc(0 - 0)) translateY(-34.75px) scale(0.75); transform: translateX(calc(0 - 0)) translateY(-34.75px) scale(0.75); } } @keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl { 0% { -webkit-transform: translateX(calc(0 - 0)) translateY(-34.75px) scale(0.75); transform: translateX(calc(0 - 0)) translateY(-34.75px) scale(0.75); } 33% { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); -webkit-transform: translateX(calc(4% - 0)) translateY(-34.75px) scale(0.75); transform: translateX(calc(4% - 0)) translateY(-34.75px) scale(0.75); } 66% { -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); -webkit-transform: translateX(calc(-4% - 0)) translateY(-34.75px) scale(0.75); transform: translateX(calc(-4% - 0)) translateY(-34.75px) scale(0.75); } 100% { -webkit-transform: translateX(calc(0 - 0)) translateY(-34.75px) scale(0.75); transform: translateX(calc(0 - 0)) translateY(-34.75px) scale(0.75); } } @-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl { 0% { -webkit-transform: translateX(calc(0 - -21px)) translateY(-120%) scale(0.8); transform: translateX(calc(0 - -21px)) translateY(-120%) scale(0.8); } 33% { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); -webkit-transform: translateX(calc(4% - -21px)) translateY(-120%) scale(0.8); transform: translateX(calc(4% - -21px)) translateY(-120%) scale(0.8); } 66% { -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); -webkit-transform: translateX(calc(-4% - -21px)) translateY(-120%) scale(0.8); transform: translateX(calc(-4% - -21px)) translateY(-120%) scale(0.8); } 100% { -webkit-transform: translateX(calc(0 - -21px)) translateY(-120%) scale(0.8); transform: translateX(calc(0 - -21px)) translateY(-120%) scale(0.8); } } @keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl { 0% { -webkit-transform: translateX(calc(0 - -21px)) translateY(-120%) scale(0.8); transform: translateX(calc(0 - -21px)) translateY(-120%) scale(0.8); } 33% { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); -webkit-transform: translateX(calc(4% - -21px)) translateY(-120%) scale(0.8); transform: translateX(calc(4% - -21px)) translateY(-120%) scale(0.8); } 66% { -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); -webkit-transform: translateX(calc(-4% - -21px)) translateY(-120%) scale(0.8); transform: translateX(calc(-4% - -21px)) translateY(-120%) scale(0.8); } 100% { -webkit-transform: translateX(calc(0 - -21px)) translateY(-120%) scale(0.8); transform: translateX(calc(0 - -21px)) translateY(-120%) scale(0.8); } } @-webkit-keyframes mdc-floating-label-shake-float-above-textarea { 0% { -webkit-transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); } 33% { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); -webkit-transform: translateX(calc(4% - 0%)) translateY(-130%) scale(0.75); transform: translateX(calc(4% - 0%)) translateY(-130%) scale(0.75); } 66% { -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); -webkit-transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75); transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75); } 100% { -webkit-transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); } } @keyframes mdc-floating-label-shake-float-above-textarea { 0% { -webkit-transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); } 33% { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); -webkit-transform: translateX(calc(4% - 0%)) translateY(-130%) scale(0.75); transform: translateX(calc(4% - 0%)) translateY(-130%) scale(0.75); } 66% { -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); -webkit-transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75); transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75); } 100% { -webkit-transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); } } /*# sourceMappingURL=mdc.textfield.css.map*/