.wrapper{width:100%;position:relative}.input{box-sizing:border-box;border-radius:var(--radius-md);border:1px solid var(--border-subtle);width:100%;padding:var(--spacing-sm);padding-right:var(--spacing-4xl);font-size:var(--font-size-sm);line-height:var(--line-height-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family-base);display:block}.input:focus{border-color:var(--border-focus)}.input::placeholder{color:var(--color-text-muted)}.searchicon,.closeIcon{right:var(--spacing-sm);width:1.5rem;color:var(--color-text-secondary);position:absolute;top:50%;transform:translateY(-50%)}.closeIcon{cursor:pointer}