.m3-text-field{--field-background:var(--color-surface-2);--field-border:none;--field-border-radius:0.25rem 0.25rem 0 0;--field-padding-x:1rem;--field-padding-top:0.5rem;--field-padding-bottom:0.5rem;--field-min-height:3.5rem;--field-width:100%;--field-cursor:text;--field-input-padding-top:1.5rem;--field-input-padding-left:var(--field-padding-x);--field-select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23737373' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");--field-select-arrow-size:1rem;--field-select-padding-right:2rem;--field-indicator-height:0.0625rem;--field-indicator-color:var(--color-text-muted);--field-indicator-height-focus:0.1875rem;--field-indicator-color-focus:var(--color-primary);--field-indicator-color-hover:var(--color-text);--field-outline-width:0.0625rem;--field-outline-color:var(--color-border-strong);--field-outline-width-focus:0.1875rem;--field-outline-color-focus:var(--color-primary);--field-font-size:1rem;--field-font-weight:400;--field-color:var(--color-text);--field-line-height:1.5rem;--field-placeholder-color:var(--color-text-muted);--field-caret-color:var(--color-primary);--field-label-size:1rem;--field-label-size-float:0.75rem;--field-label-color:var(--color-text-muted);--field-label-weight:inherit;--field-label-color-focus:var(--color-primary);--field-label-left:var(--field-padding-x);--field-label-background:transparent;--field-label-padding:0;--field-label-position:absolute;--field-label-top:50%;--field-label-transform:translateY(-50%);--field-label-focus-top:0.5rem;--field-label-focus-transform:translateY(0);--field-label-focus-size:var(--field-label-size-float);--field-label-display:block;--field-flex-direction:column;--field-justify-content:flex-start;--field-label-order:1;--field-input-order:0;--field-label-gap:0;--field-label-min-width:auto;--field-label-align-self:auto;--field-placeholder-opacity:0;--field-indicator-display:block;--field-input-box-background:transparent;--field-input-box-border:none;--field-input-box-border-radius:0;--field-input-box-min-height:auto;--field-supporting-size:0.75rem;--field-supporting-color:var(--color-text-muted);--field-supporting-padding:0.25rem var(--field-padding-x) 0;--field-icon-left:0.75rem;--field-error-color:var(--color-danger);--field-disabled-opacity:0.38;--field-transition:all var(--duration-fast) var(--ease-in-out);background-color:var(--field-background);border:var(--field-border);border-radius:var(--field-border-radius);cursor:var(--field-cursor);display:flex;flex-direction:var(--field-flex-direction);gap:var(--field-label-gap);justify-content:var(--field-justify-content);min-height:var(--field-min-height);position:relative;transition:var(--field-transition);width:var(--field-width)}.m3-text-field input,.m3-text-field select,.m3-text-field textarea{appearance:none;background:var(--field-input-box-background);border:var(--field-input-box-border);border-radius:var(--field-input-box-border-radius);box-sizing:border-box;caret-color:var(--field-caret-color);color:var(--field-color);font-family:inherit;font-size:var(--field-font-size);font-weight:var(--field-font-weight);line-height:var(--field-line-height);min-height:var(--field-input-box-min-height);order:var(--field-input-order);outline:none;padding:var(--field-input-padding-top) var(--field-padding-x) var(--field-padding-bottom);padding-left:var(--field-input-padding-left);transition:var(--field-transition);width:100%}.m3-text-field input::placeholder,.m3-text-field textarea::placeholder{color:var(--field-placeholder-color);opacity:var(--field-placeholder-opacity);transition:var(--field-transition)}.m3-text-field input:focus::placeholder,.m3-text-field textarea:focus::placeholder{opacity:1}.m3-text-field select{background-image:var(--field-select-arrow);background-position:right .625rem center;background-repeat:no-repeat;background-size:var(--field-select-arrow-size);cursor:pointer;padding-right:var(--field-select-padding-right)}.m3-text-field select:disabled{cursor:default}.m3-text-field .field-label,.m3-text-field label{align-self:var(--field-label-align-self);background-color:var(--field-label-background);color:var(--field-label-color);display:var(--field-label-display);font-size:var(--field-label-size);font-weight:var(--field-label-weight);left:var(--field-label-left);min-width:var(--field-label-min-width);order:var(--field-label-order);padding:var(--field-label-padding);pointer-events:none;position:var(--field-label-position);top:var(--field-label-top);transform:var(--field-label-transform);transform-origin:left top;transition:var(--field-transition)}.m3-text-field input:focus+label,.m3-text-field input:not(:placeholder-shown)+label,.m3-text-field textarea:focus+label,.m3-text-field textarea:not(:placeholder-shown)+label{font-size:var(--field-label-focus-size);top:var(--field-label-focus-top);transform:var(--field-label-focus-transform)}.m3-text-field input:focus+label,.m3-text-field textarea:focus+label{color:var(--field-label-color-focus)}.m3-text-field:after{background-color:var(--field-indicator-color);bottom:0;content:"";display:var(--field-indicator-display);height:var(--field-indicator-height);left:0;position:absolute;right:0;transition:var(--field-transition)}.m3-text-field:hover:after{--field-indicator-color:var(--field-indicator-color-hover)}.m3-text-field:focus-within:after{--field-indicator-height:var(--field-indicator-height-focus);--field-indicator-color:var(--field-indicator-color-focus)}.m3-text-field.field\:outlined{--field-background:transparent;--field-border:var(--field-outline-width) solid var(--field-outline-color);--field-border-radius:0.25rem;--field-indicator-height:0;--field-indicator-height-focus:0;--field-label-background:var(--color-surface);--field-label-padding:0 0.25rem}.m3-text-field.field\:outlined:hover{--field-outline-color:var(--color-text)}.m3-text-field.field\:outlined:focus-within{--field-outline-width:var(--field-outline-width-focus);--field-outline-color:var(--field-outline-color-focus)}.m3-text-field.field-state\:error:after{--field-indicator-color:var(--field-error-color)}.m3-text-field.field-state\:error input:focus+label,.m3-text-field.field-state\:error label{--field-label-color:var(--field-error-color);--field-label-color-focus:var(--field-error-color)}.m3-text-field.field-state\:error input{--field-caret-color:var(--field-error-color)}.m3-text-field.field\:outlined.field-state\:error{--field-outline-color:var(--field-error-color)}.m3-text-field.field\:outlined.field-state\:error:focus-within{--field-outline-color:var(--field-error-color)}.m3-text-field.field-state\:disabled{--field-cursor:not-allowed;opacity:var(--field-disabled-opacity);pointer-events:none}.m3-text-field.field-state\:disabled input,.m3-text-field.field-state\:disabled select,.m3-text-field.field-state\:disabled textarea{--field-color:color-mix(in srgb,var(--color-text) 38%,transparent)}.m3-text-field .field-supporting{color:var(--field-supporting-color);font-size:var(--field-supporting-size);left:0;line-height:1.3;order:2;padding:var(--field-supporting-padding);position:absolute;right:0;top:100%}.m3-text-field:has(>.field-supporting){margin-bottom:calc(var(--field-supporting-size)*1.3 + .25rem)}.m3-text-field.field-state\:error .field-supporting{color:var(--field-error-color)}.m3-text-field.field-icon\:leading{--field-input-padding-left:3rem;--field-label-left:3rem;position:relative}.m3-text-field.field-icon\:leading .m3-icon{color:var(--field-label-color);left:var(--field-icon-left);position:absolute;top:50%;transform:translateY(-50%)}.m3-text-field.field-color\:primary{--field-indicator-color-focus:var(--color-primary);--field-outline-color-focus:var(--color-primary);--field-label-color-focus:var(--color-primary);--field-caret-color:var(--color-primary)}.m3-text-field.field-color\:secondary{--field-indicator-color-focus:var(--color-secondary);--field-outline-color-focus:var(--color-secondary);--field-label-color-focus:var(--color-secondary);--field-caret-color:var(--color-secondary)}.m3-text-field.field-color\:tertiary{--field-indicator-color-focus:var(--color-tertiary);--field-outline-color-focus:var(--color-tertiary);--field-label-color-focus:var(--color-tertiary);--field-caret-color:var(--color-tertiary)}.m3-text-field.field-size\:1,.m3-text-field.field-size\:xs{--field-min-height:2.5rem;--field-input-padding-top:0.875rem;--field-padding-bottom:0.25rem;--field-font-size:0.75rem;--field-line-height:1rem;--field-label-size:0.75rem;--field-label-size-float:0.625rem;--field-supporting-size:0.6875rem}.m3-text-field.field-size\:2,.m3-text-field.field-size\:sm{--field-min-height:3rem;--field-input-padding-top:1.125rem;--field-padding-bottom:0.375rem;--field-font-size:0.875rem;--field-line-height:1.25rem;--field-label-size:0.875rem;--field-label-size-float:0.6875rem}.m3-text-field.field-size\:3,.m3-text-field.field-size\:md{--field-min-height:3.5rem;--field-input-padding-top:1.5rem;--field-padding-bottom:0.5rem;--field-font-size:1rem;--field-line-height:1.5rem;--field-label-size:1rem;--field-label-size-float:0.75rem}.m3-text-field.field-size\:4,.m3-text-field.field-size\:lg{--field-min-height:4rem;--field-input-padding-top:1.75rem;--field-padding-bottom:0.625rem;--field-font-size:1.125rem;--field-line-height:1.75rem;--field-label-size:1.125rem;--field-label-size-float:0.8125rem}.m3-text-field.field-size\:5,.m3-text-field.field-size\:xl{--field-min-height:4.5rem;--field-input-padding-top:2rem;--field-padding-bottom:0.75rem;--field-font-size:1.25rem;--field-line-height:1.875rem;--field-label-size:1.25rem;--field-label-size-float:0.875rem}.m3-text-field.field-label\:bottom,.m3-text-field.field-label\:left,.m3-text-field.field-label\:right,.m3-text-field.field-label\:top{--field-background:transparent;--field-border:none;--field-min-height:auto;--field-label-gap:0.375rem;--field-input-box-background:var(--color-surface-2);--field-input-box-border:var(--field-outline-width) solid var(--field-outline-color);--field-input-box-border-radius:0.375rem;--field-input-box-min-height:2.5rem;--field-input-padding-top:var(--field-padding-top);--field-padding-bottom:var(--field-padding-top);--field-label-color:var(--color-text);--field-label-size:0.8125rem;--field-label-weight:var(--font-weight-medium);--field-label-position:static;--field-label-top:auto;--field-label-transform:none;--field-label-left:auto;--field-label-focus-top:auto;--field-label-focus-transform:none;--field-label-focus-size:var(--field-label-size);--field-placeholder-opacity:1;--field-indicator-display:none}.m3-text-field.field\:outlined.field-label\:bottom,.m3-text-field.field\:outlined.field-label\:left,.m3-text-field.field\:outlined.field-label\:right,.m3-text-field.field\:outlined.field-label\:top{--field-input-box-background:transparent}.m3-text-field.field-label\:top{--field-flex-direction:column;--field-label-order:0;--field-input-order:1}.m3-text-field.field-label\:bottom{--field-flex-direction:column;--field-label-order:1;--field-input-order:0}.m3-text-field.field-label\:left{--field-flex-direction:row;--field-label-order:0;--field-input-order:1;--field-label-align-self:center;--field-label-min-width:6rem;--field-label-gap:0.75rem}.m3-text-field.field-label\:right{--field-flex-direction:row;--field-label-order:1;--field-input-order:0;--field-label-align-self:center;--field-label-min-width:6rem;--field-label-gap:0.75rem}.m3-text-field.field-label\:none{--field-min-height:2.5rem;--field-label-display:none;--field-placeholder-opacity:1;--field-input-padding-top:var(--field-padding-top);--field-padding-bottom:var(--field-padding-top);--field-justify-content:center;--field-input-box-min-height:auto}.m3-text-field.field-label\:bottom input:focus,.m3-text-field.field-label\:bottom select:focus,.m3-text-field.field-label\:bottom textarea:focus,.m3-text-field.field-label\:left input:focus,.m3-text-field.field-label\:left select:focus,.m3-text-field.field-label\:left textarea:focus,.m3-text-field.field-label\:right input:focus,.m3-text-field.field-label\:right select:focus,.m3-text-field.field-label\:right textarea:focus,.m3-text-field.field-label\:top input:focus,.m3-text-field.field-label\:top select:focus,.m3-text-field.field-label\:top textarea:focus{--field-input-box-border:var(--field-outline-width-focus) solid var(--field-outline-color-focus)}