| 6 | */md-input-container{display:inline-block;margin:18px 0;padding:2px;position:relative;vertical-align:middle}md-input-container:after{clear:both;content:"";display:table}md-input-container.md-block{display:block}md-input-container .md-errors-spacer{float:right;min-height:24px;min-width:1px}[dir=rtl] md-input-container .md-errors-spacer{float:left}md-input-container>md-icon{left:2px;position:absolute;right:auto;top:8px}[dir=rtl] md-input-container>md-icon{left:auto;right:2px}md-input-container input[type=color],md-input-container input[type=date],md-input-container input[type=datetime-local],md-input-container input[type=datetime],md-input-container input[type=email],md-input-container input[type=month],md-input-container input[type=number],md-input-container input[type=password],md-input-container input[type=search],md-input-container input[type=tel],md-input-container input[type=text],md-input-container input[type=time],md-input-container input[type=url],md-input-container input[type=week],md-input-container textarea{-moz-appearance:none;-webkit-appearance:none}md-input-container input[type=date],md-input-container input[type=datetime-local],md-input-container input[type=month],md-input-container input[type=time],md-input-container input[type=week]{min-height:30px}md-input-container textarea{overflow:hidden;resize:none}md-input-container textarea.md-input{-ms-flex-preferred-size:auto;min-height:30px}md-input-container textarea[md-no-autogrow]{height:auto;overflow:auto}md-input-container label:not(.md-container-ignore){bottom:100%;left:0;position:absolute;right:auto}[dir=rtl] md-input-container label:not(.md-container-ignore){left:auto;right:0}md-input-container label:not(.md-container-ignore).md-required:after{content:" *";font-size:13px;vertical-align:top}md-input-container .md-placeholder,md-input-container label:not(.md-no-float):not(.md-container-ignore){-webkit-font-smoothing:antialiased;max-width:100%;order:1;overflow:hidden;padding-left:2px;padding-right:0;pointer-events:none;text-overflow:ellipsis;transform:translate3d(0,28px,0) scale(1);transform-origin:left top;transition:transform .4s cubic-bezier(.25,.8,.25,1);white-space:nowrap;width:100%;z-index:1}[dir=rtl] md-input-container .md-placeholder,[dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore){padding-left:0;padding-right:2px;transform-origin:right top}md-input-container.md-input-has-value .md-placeholder,md-input-container.md-input-has-value label:not(.md-no-float):not(.md-container-ignore){padding-left:3px;padding-right:0}[dir=rtl] md-input-container.md-input-has-value .md-placeholder,[dir=rtl] md-input-container.md-input-has-value label:not(.md-no-float):not(.md-container-ignore){padding-left:0;padding-right:3px}md-input-container .md-placeholder{opacity:0;position:absolute;top:0;transform:translate3d(0,30px,0);transition-property:opacity,transform}md-input-container.md-input-focused .md-placeholder{opacity:1;transform:translate3d(0,24px,0)}md-input-container.md-input-has-value .md-placeholder{opacity:0;transition:none}md-input-container:not(.md-input-has-value):not(.md-input-has-placeholder) input:not(:focus){color:transparent}md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-ampm-field,md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-day-field,md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-hour-field,md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-millisecond-field,md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-minute-field,md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-month-field,md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-second-field,md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-text,md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-week-field,md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-year-field{color:transparent}md-input-container .md-input{-ms-flex-preferred-size:26px;background:none;border-radius:0;border-style:solid;border-width:0 0 1px;box-sizing:border-box;display:block;float:left;height:30px;line-height:26px;margin-top:0;order:2;padding:2px 2px 1px 0;transition:border-color .4s cubic-bezier(.25,.8,.25,1);width:100%}[dir=rtl] md-input-container .md-input{float:right;padding-left:2px;padding-right:0}md-input-container .md-input:focus{outline:none}md-input-container .md-input:invalid{box-shadow:none;outline:none}md-input-container .md-input.md-no-flex{flex:none!important}md-input-container .md-char-counter{padding-left:0;padding-right:2px;text-align:right}[dir=rtl] md-input-container .md-char-counter{padding-left:2px;padding-right:0;text-align:left}md-input-container .md-input-messages-animation{clear:left;order:4;overflow:hidden;position:relative}[dir=rtl] md-input-container .md-input-messages-animation{clear:right}md-input-container .md-char-counter,md-input-container .md-input-message-animation{font-size:12px;line-height:14px;margin-top:0;opacity:1;overflow:hidden;padding-top:8px;transition:all .3s cubic-bezier(.55,0,.55,.2)}md-input-container .md-char-counter:not(.md-char-counter),md-input-container .md-input-message-animation:not(.md-char-counter){padding-left:0;padding-right:5px}[dir=rtl] md-input-container .md-char-counter:not(.md-char-counter),[dir=rtl] md-input-container .md-input-message-animation:not(.md-char-counter){padding-left:5px;padding-right:0}md-input-container .md-input-message-animation.ng-enter-prepare,md-input-container .md-input-message-animation.ng-enter:not(.ng-enter-active),md-input-container:not(.md-input-invalid) .md-auto-hide .md-input-message-animation{margin-top:-100px;opacity:0}md-input-container.md-input-focused label:not(.md-no-float),md-input-container.md-input-has-placeholder label:not(.md-no-float),md-input-container.md-input-has-value label:not(.md-no-float){transform:translate3d(0,6px,0) scale(.75);transition:transform .4s cubic-bezier(.25,.8,.25,1),width .4s cubic-bezier(.25,.8,.25,1)}md-input-container.md-input-has-value label{transition:none}md-input-container.md-input-focused .md-input,md-input-container.md-input-resized .md-input,md-input-container .md-input.ng-invalid.ng-dirty{border-width:0 0 2px;padding-bottom:0}[disabled] md-input-container .md-input,md-input-container .md-input[disabled]{background-position:bottom -1px left 0;background-repeat:repeat-x;background-size:4px 1px}md-input-container.md-icon-float{transition:margin-top .4s cubic-bezier(.25,.8,.25,1)}md-input-container.md-icon-float>label{pointer-events:none;position:absolute}md-input-container.md-icon-float>md-icon{left:2px;right:auto;top:8px}[dir=rtl] md-input-container.md-icon-float>md-icon{left:auto;right:2px}md-input-container.md-icon-left>label .md-placeholder,md-input-container.md-icon-left>label:not(.md-no-float):not(.md-container-ignore),md-input-container.md-icon-right>label .md-placeholder,md-input-container.md-icon-right>label:not(.md-no-float):not(.md-container-ignore){padding:0;width:calc(100% - 36px)}md-input-container.md-icon-left{padding-left:36px;padding-right:0}[dir=rtl] md-input-container.md-icon-left{padding-left:0;padding-right:36px}md-input-container.md-icon-left>label{left:36px;right:auto}[dir=rtl] md-input-container.md-icon-left>label{left:auto;right:36px}md-input-container.md-icon-right{padding-left:0;padding-right:36px}[dir=rtl] md-input-container.md-icon-right{padding-left:36px;padding-right:0}md-input-container.md-icon-right>md-icon:last-of-type{left:auto;margin:0;right:2px}[dir=rtl] md-input-container.md-icon-right>md-icon:last-of-type{left:2px;right:auto}md-input-container.md-icon-left.md-icon-right{padding-left:36px;padding-right:36px}md-input-container.md-icon-left.md-icon-right>label .md-placeholder,md-input-container.md-icon-left.md-icon-right>label:not(.md-no-float):not(.md-container-ignore){width:calc(100% - 72px)}.md-resize-wrapper{position:relative}.md-resize-wrapper:after{clear:both;content:"";display:table}.md-resize-handle{background:transparent;bottom:-5px;cursor:ns-resize;height:10px;left:0;position:absolute;width:100%}@media screen and (-ms-high-contrast:active){md-input-container.md-default-theme>md-icon{fill:#fff}} |
|---|
