@layer components{.md3-text-field-root{width:100%;min-width:280px;font-family:var(--md-sys-typescale-body-large-font);font-weight:var(--md-sys-typescale-body-large-weight);flex-direction:column;display:inline-flex}.md3-text-field-container{cursor:text;align-items:stretch;min-height:56px;display:flex;position:relative}.md3-text-field-root[data-variant=filled] .md3-text-field-container{border-radius:var(--md-sys-shape-corner-extra-small) var(--md-sys-shape-corner-extra-small) 0 0;background:var(--md-sys-color-surface-container-highest)}.md3-text-field-root[data-variant=filled] .md3-text-field-container:before{content:"";border-radius:inherit;background:var(--md-sys-color-on-surface);opacity:0;pointer-events:none;transition:opacity 15ms linear;position:absolute;inset:0}.md3-text-field-root[data-variant=filled]:hover .md3-text-field-container:before{opacity:var(--md-sys-state-hover-state-layer-opacity)}.md3-text-field-root[data-variant=outlined] .md3-text-field-container{border-radius:var(--md-sys-shape-corner-extra-small)}.md3-text-field-indicator{inset-inline:0;background:var(--md-sys-color-on-surface-variant);pointer-events:none;height:1px;transition:background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard), height var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-fast-spatial);position:absolute;bottom:0}.md3-text-field-root[data-variant=filled]:hover .md3-text-field-container .md3-text-field-indicator{background:var(--md-sys-color-on-surface)}.md3-text-field-root[data-variant=filled][data-focused] .md3-text-field-container .md3-text-field-indicator{background:var(--md-sys-color-primary);height:2px}.md3-text-field-root[data-variant=filled][data-invalid] .md3-text-field-container .md3-text-field-indicator{background:var(--md-sys-color-error)}.md3-text-field-root[data-variant=filled][data-invalid]:hover .md3-text-field-container .md3-text-field-indicator{background:var(--md-sys-color-on-error-container)}.md3-text-field-root[data-variant=filled][data-invalid][data-focused] .md3-text-field-container .md3-text-field-indicator{background:var(--md-sys-color-error)}.md3-text-field-outline{border:1px solid var(--md-sys-color-outline);border-radius:inherit;pointer-events:none;min-width:0;transition:border-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);margin:0;padding:0 12px;position:absolute;inset:-6px 0 0}.md3-text-field-root[data-variant=outlined]:hover .md3-text-field-outline{border-color:var(--md-sys-color-on-surface)}.md3-text-field-root[data-variant=outlined][data-focused] .md3-text-field-outline{border-color:var(--md-sys-color-primary);border-width:2px}.md3-text-field-root[data-variant=outlined][data-invalid] .md3-text-field-outline{border-color:var(--md-sys-color-error)}.md3-text-field-root[data-variant=outlined][data-invalid]:hover .md3-text-field-outline{border-color:var(--md-sys-color-on-error-container)}.md3-text-field-root[data-variant=outlined][data-invalid][data-focused] .md3-text-field-outline{border-color:var(--md-sys-color-error)}.md3-text-field-outlineLabel{max-width:.01px;font-size:var(--md-sys-typescale-body-small-size);letter-spacing:var(--md-sys-typescale-body-small-tracking);white-space:nowrap;color:#0000;transition:max-width var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-fast-spatial);padding:0;line-height:1;overflow:hidden}.md3-text-field-root[data-variant=outlined][data-filled] .md3-text-field-outlineLabel,.md3-text-field-root[data-variant=outlined][data-focused] .md3-text-field-outlineLabel{max-width:100%;padding:0 4px}.md3-text-field-icon[data-position=leading]~.md3-text-field-outline .md3-text-field-outlineLabel{margin-inline-start:36px}.md3-text-field-icon{width:48px;height:48px;color:var(--md-sys-color-on-surface-variant);flex:none;justify-content:center;align-self:center;align-items:center;display:flex;position:relative}.md3-text-field-icon>svg{width:24px;height:24px}.md3-text-field-root[data-invalid] .md3-text-field-icon[data-position=trailing]{color:var(--md-sys-color-error)}.md3-text-field-root[data-invalid]:hover .md3-text-field-icon[data-position=trailing]{color:var(--md-sys-color-on-error-container)}.md3-text-field-root[data-invalid][data-focused] .md3-text-field-icon[data-position=trailing]{color:var(--md-sys-color-error)}.md3-text-field-content{flex:auto;align-items:center;min-width:0;padding:16px;display:flex;position:relative}.md3-text-field-icon[data-position=leading]+.md3-text-field-content{padding-inline-start:4px}.md3-text-field-icon[data-position=leading]+.md3-text-field-content .md3-text-field-label{inset-inline-start:4px}.md3-text-field-content[data-trailing-icon]{padding-inline-end:4px}.md3-text-field-content[data-trailing-icon] .md3-text-field-label{inset-inline-end:4px}.md3-text-field-container[data-has-label] .md3-text-field-content{padding-top:8px;padding-bottom:8px;display:block}.md3-text-field-container[data-has-label] .md3-text-field-inputRow{margin-top:16px}.md3-text-field-root[data-variant=outlined] .md3-text-field-container[data-has-label] .md3-text-field-content{padding-top:16px;padding-bottom:16px}.md3-text-field-root[data-variant=outlined] .md3-text-field-container[data-has-label] .md3-text-field-inputRow{margin-top:0}.md3-text-field-label{top:8px;white-space:nowrap;text-overflow:ellipsis;max-width:100%;color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);letter-spacing:var(--md-sys-typescale-body-large-tracking);transform-origin:0 0;transition:transform var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-fast-spatial), color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);position:absolute;inset-inline:16px;overflow:hidden;transform:translateY(8px)scale(1)}.md3-text-field-root[data-dir=rtl] .md3-text-field-label{transform-origin:100% 0}.md3-text-field-root[data-filled] .md3-text-field-label,.md3-text-field-root[data-focused] .md3-text-field-label{transform:translateY(0)scale(.75)}.md3-text-field-root[data-variant=outlined][data-filled] .md3-text-field-label,.md3-text-field-root[data-variant=outlined][data-focused] .md3-text-field-label{transform:translateY(-17px)scale(.75)}.md3-text-field-root[data-variant=outlined]:hover .md3-text-field-label{color:var(--md-sys-color-on-surface)}.md3-text-field-root[data-variant=filled][data-focused] .md3-text-field-label,.md3-text-field-root[data-variant=outlined][data-focused] .md3-text-field-label{color:var(--md-sys-color-primary)}.md3-text-field-root[data-invalid] .md3-text-field-label{color:var(--md-sys-color-error)}.md3-text-field-root[data-invalid]:hover .md3-text-field-label{color:var(--md-sys-color-on-error-container)}.md3-text-field-root[data-invalid][data-focused] .md3-text-field-label{color:var(--md-sys-color-error)}.md3-text-field-inputRow{flex:auto;align-items:flex-end;gap:8px;min-width:0;min-height:24px;display:flex}.md3-text-field-affix{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);letter-spacing:var(--md-sys-typescale-body-large-tracking);white-space:nowrap;opacity:0;transition:opacity var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);flex:none}.md3-text-field-container:not([data-has-label]) .md3-text-field-affix,.md3-text-field-root[data-filled] .md3-text-field-affix,.md3-text-field-root[data-focused] .md3-text-field-affix{opacity:1}.md3-text-field-input{resize:none;width:100%;min-width:0;color:var(--md-sys-color-on-surface);font:inherit;font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);letter-spacing:var(--md-sys-typescale-body-large-tracking);caret-color:var(--md-sys-color-primary);field-sizing:content;background:0 0;border:none;outline:none;flex:auto;margin:0;padding:0}.md3-text-field-root[data-invalid] .md3-text-field-input{caret-color:var(--md-sys-color-error)}.md3-text-field-input::placeholder{color:#0000}.md3-text-field-container:not([data-has-label]) .md3-text-field-input::placeholder,.md3-text-field-root[data-focused] .md3-text-field-input::placeholder{color:var(--md-sys-color-on-surface-variant)}.md3-text-field-supportingText{min-height:16px;color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);letter-spacing:var(--md-sys-typescale-body-small-tracking);margin:0;padding:4px 16px 0}.md3-text-field-root[data-invalid] .md3-text-field-supportingText{color:var(--md-sys-color-error)}.md3-text-field-root[data-disabled]{cursor:default;pointer-events:none}.md3-text-field-root[data-variant=filled][data-disabled] .md3-text-field-container{background:color-mix(in srgb, var(--md-sys-color-on-surface) 4%, transparent)}.md3-text-field-root[data-variant=filled][data-disabled] .md3-text-field-indicator{background:color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent)}.md3-text-field-root[data-variant=outlined][data-disabled] .md3-text-field-outline{border-color:color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent)}.md3-text-field-root[data-disabled] .md3-text-field-label,.md3-text-field-root[data-disabled] .md3-text-field-input,.md3-text-field-root[data-disabled] .md3-text-field-affix,.md3-text-field-root[data-disabled] .md3-text-field-supportingText,.md3-text-field-root[data-disabled] .md3-text-field-icon{color:color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent)}}
