.field-clear[type=button]{-webkit-tap-highlight-color:transparent;background:var(--clear-fill,#09090b14);box-shadow:none;box-sizing:border-box;color:var(--clear-ink,#52525b);cursor:pointer;border:0;border-radius:50%;flex:none;justify-content:center;align-self:center;align-items:center;width:24px;min-width:0;height:24px;min-height:0;margin:0;padding:0;transition:background-color .15s,color .15s;display:flex;position:relative}.field-clear[type=button][hidden]{display:none}.field-clear[type=button]:before{content:"";position:absolute;inset:-8px}.field-clear[type=button] svg{width:14px;height:14px}.field-clear[type=button]:hover{background:var(--clear-fill-hover,#09090b24);color:var(--clear-ink-hover,#18181b)}.field-clear[type=button]:focus-visible{outline-offset:2px;outline:2px solid #71717a99}.field-clear-box{min-width:0;display:block;position:relative}.field-clear-box>:is(input,textarea){box-sizing:border-box;width:100%;display:block}.field-clear-box>.field-clear[type=button]{right:calc(var(--clear-at,0px) + 12px);z-index:3;position:absolute;top:50%;translate:0 -50%}.field-clear-box>textarea~.field-clear[type=button]{top:12px;translate:none}.field-clear-box:has(>.field-clear:not([hidden]))>:is(input,textarea){padding-right:calc(var(--clear-at,0px) + 44px)}input[type=search]::-webkit-search-cancel-button{appearance:none;display:none}