.Input{background-color:#0000;border-bottom-width:1px;border-top-left-radius:.5rem;border-bottom-left-radius:.5rem;align-items:center;gap:1rem;font-size:1.125rem;line-height:1.75rem;display:flex;position:relative}.Input:where([data-mode=dark],[data-mode=dark] *){border-color:var(--gold);color:var(--gold)}.Input{border-color:var(--primary);color:var(--primary)}.Input .input-icon{color:var(--muted-foreground);padding-top:.75rem;padding-bottom:.75rem;padding-left:1rem}.Input .input-icon:where([data-mode=dark],[data-mode=dark] *){color:var(--gold)}.Input .input-icon .icon{width:1.25rem;height:1.25rem}.Input .input-field{color:var(--muted-foreground);background-color:#0000;border-style:none;flex:1}.Input .input-field:where([data-mode=dark],[data-mode=dark] *){color:var(--gold)}.Input .input-field::placeholder{color:var(--muted-foreground);opacity:.8}.Input .input-field:focus{outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);outline:2px solid #0000}.Input .input-field{padding-top:.5rem;padding-bottom:.25rem;padding-right:1rem}