.mw-textfield{display:flex;flex-direction:column;gap:6px;min-width:0;font-family:var(--font-sans)}.mw-textfield__label{font-size:var(--text-m);font-weight:500;line-height:1.4;color:var(--ink)}.mw-textfield--site .mw-textfield__label{font-size:var(--text-base)}.mw-textfield__box{position:relative;display:flex}.mw-textfield__input{box-sizing:border-box;width:100%;height:36px;margin:0;padding:0 var(--space-3);border:1px solid var(--line-control);border-radius:var(--radius-s);background:var(--surface);color:var(--ink);font-family:inherit;font-size:var(--text-m);line-height:1.5;appearance:none;box-shadow:0 0 color-mix(in srgb,var(--brand) 0%,transparent);transition:border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-m) var(--ease-out)}.mw-textfield--site .mw-textfield__input{height:44px;padding:0 var(--space-4);border-radius:var(--radius-m);font-size:var(--text-base)}.mw-textfield__input::placeholder{color:var(--ink-3);opacity:1}.mw-textfield__input:hover{border-color:var(--ink-3)}.mw-textfield__input:focus,.mw-textfield__input:focus-visible{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)}.mw-textfield__input::-webkit-search-cancel-button,.mw-textfield__input::-webkit-search-decoration{appearance:none}.mw-textfield--multiline .mw-textfield__input{height:auto;min-height:88px;padding:var(--space-2) var(--space-3);resize:vertical}.mw-textfield--site.mw-textfield--multiline .mw-textfield__input{padding:var(--space-3) var(--space-4)}.mw-textfield__icon{position:absolute;left:var(--space-3);top:0;bottom:0;display:flex;align-items:center;color:var(--ink-3);pointer-events:none}.mw-textfield--site .mw-textfield__icon{left:var(--space-4)}.mw-textfield--icon .mw-textfield__input{padding-left:36px}.mw-textfield--site.mw-textfield--icon .mw-textfield__input{padding-left:46px}.mw-textfield--search .mw-textfield__input{padding-right:36px}.mw-textfield--site.mw-textfield--search .mw-textfield__input{padding-right:46px}.mw-textfield__clear{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:var(--radius-xs);background:transparent;color:var(--ink-3);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.mw-textfield--site .mw-textfield__clear{right:6px;width:32px;height:32px}.mw-textfield__clear:hover{background:var(--fill-muted);color:var(--ink)}.mw-textfield__clear{animation:mw-textfield-clear var(--dur-m) var(--ease-out)}@keyframes mw-textfield-clear{0%{opacity:0;transform:translateY(-50%) scale(.7)}}@media(prefers-reduced-motion:reduce){.mw-textfield__clear{animation:none}.mw-textfield__input{transition:none}}.mw-textfield__msg{display:flex;align-items:flex-start;gap:6px;margin:0;font-size:var(--text-s);line-height:1.45;color:var(--ink-3)}.mw-textfield__msg.is-error{color:var(--danger);font-weight:500}.mw-textfield__msg .mw-icon{flex:none;margin-top:2px}.mw-textfield.is-error .mw-textfield__input,.mw-textfield.is-error .mw-textfield__input:hover{border-color:var(--danger)}.mw-textfield.is-error .mw-textfield__input:focus{border-color:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 16%,transparent)}.mw-textfield.is-readonly .mw-textfield__input{background:var(--surface-sunken);border-color:var(--line);color:var(--ink-2)}.mw-textfield.is-disabled{opacity:.45}.mw-textfield.is-disabled .mw-textfield__input{cursor:default}