:root{--mui-primary:#1976d2;--mui-primary-600:#1565c0;--mui-error:#d32f2f;--mui-success:#62ba96;--mui-text:#0f172a;--mui-muted:#64748b;--mui-border:#cbd5e1;--mui-bg:#fff;--mui-surface:#f8fafc;--radius:12px;--dur:160ms}.wrap{margin:32px auto;max-width:980px;padding:24px}.mui-field{align-items:center;background:var(--mui-bg);border:1px solid #484848;cursor:text;display:flex;height:56px;overflow:hidden;padding:0 12px;position:relative;transition:border-color var(--dur) ease,box-shadow var(--dur) ease,background var(--dur) ease}.mui-field:has(>.mui-input:-webkit-autofill){background:#e8f0fe}.mui-field:has(>.mui-input:autofill){background:#e8f0fe}.mui-field:hover{border-color:#484848}.mui-field:focus-within{border-color:#484848;box-shadow:none}.mui-input{background:transparent;border:0;color:var(--color-alias-text-secondary,#484848);flex:1;font:inherit;font-size:16px;font-weight:500;line-height:20px;line-height:var(--typography-line-height-label-sm,24px);outline:0;padding:18px 0}.mui-input::placeholder{color:transparent}.mui-input:-webkit-autofill{-webkit-box-shadow:inset 0 0 0 1000px #e8f0fe;box-shadow:inset 0 0 0 1000px #e8f0fe}.mui-input:autofill{box-shadow:inset 0 0 0 1000px #e8f0fe}.mui-label{background:var(--mui-bg);color:var(--mui-muted);font-size:14px;font-weight:500;left:12px;padding:0 6px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transform-origin:left center;transition:color var(--dur) ease,opacity var(--dur) ease,visibility 0s linear var(--dur)}.mui-input:focus+.mui-label{color:var(--color-alias-text-secondary,#484848);top:50%;transform:translateY(-50%)}.mui-field.has-value .mui-label,.mui-input:not(:placeholder-shown)+.mui-label{opacity:0;transition:opacity var(--dur) ease,visibility 0s;visibility:hidden}.text-input-container{padding-bottom:22px;position:relative}.text-input-container:has(>.mui-helper:not(:empty)){padding-bottom:28px}.text-input-container>.mui-helper{left:4px;margin:0;min-height:1.4em;position:absolute;right:4px;top:61px}.mui-helper,.text-input-container>.mui-helper{color:var(--mui-muted);font-size:12px;line-height:1.4}.mui-helper{margin:6px 4px 0}.field-icon{color:var(--mui-success);display:block;font-size:18px;font-weight:700;line-height:18px;opacity:0;pointer-events:none;position:absolute;right:10px;text-align:center;top:50%;transform:translateY(-50%);transition:opacity .15s ease,visibility 0s linear .15s;visibility:hidden}.field-icon:before{content:"\2713"}.mui-field.is-success .field-icon{opacity:1;transition:opacity .15s ease,visibility 0s;visibility:visible}.mui-icon{height:20px;margin-right:8px;opacity:.75;width:20px}.mui-action,.mui-icon{color:var(--mui-muted)}.mui-action{align-items:center;background:transparent;border:0;border-radius:8px;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;margin-left:6px;min-width:24px;padding:6px;transition:all var(--dur) ease}.mui-action:hover{background:var(--mui-surface);color:var(--mui-text)}.mui-action:focus-visible{outline:2px solid var(--mui-primary);outline-offset:2px}.mui--outlined{border-width:2px}.mui--filled{background:linear-gradient(var(--mui-surface),var(--mui-bg))}.mui--standard{border:0;border-bottom:2px solid var(--mui-border);border-radius:0;padding:0}.mui--standard .mui-label{background:transparent;left:0;top:50%;transform:translateY(-50%)}.mui--standard:focus-within{border-color:transparent;box-shadow:none}.mui--standard .mui-input{padding:18px 0}.mui--standard:focus-within{border-bottom-color:var(--mui-primary)}.mui-field.is-error{border-color:var(--mui-error)!important;box-shadow:0 0 0 1px var(--mui-error)!important}.is-error .mui-label{color:var(--mui-error)}.mui-field.is-error+.mui-helper{color:var(--mui-error)!important}.mui-field.is-success{border-color:var(--mui-success)}.is-success .mui-label{color:var(--mui-success)}.is-disabled{filter:grayscale(.1);opacity:.6}.is-disabled,.is-disabled .mui-action,.is-disabled .mui-input{cursor:not-allowed}.demo-controls{background:var(--mui-bg);border:1px solid #484848;border-radius:var(--radius);margin-top:48px;padding:24px}.row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}@media (max-width:768px){.wrap{margin:16px auto;padding:16px}.row{align-items:stretch;flex-direction:column}.text-input-container{max-width:100%}}